總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象

迎接2025年,總統府全球資訊網迎來全新版本及品牌識別重塑,此次形象翻新由「版塊設計 Block Studio」操刀,品牌識別提取象徵幸福與活力的「新臺灣紅」、呼應島嶼山海景色的「永生青」為主要色彩,結合總統府紅磚建築意象呈現;新版網站則自識別延伸,藉由網站版面、資訊排版等全面優化,透過視覺結構表現台灣的多元文化與包容精神。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

融入總統府建築意象,賦予品牌識別「上升」結構

新版網站的品牌識別以「延展向前」為設計理念,將總統府建築外觀堆疊的紅磚,經由動態化處理,展現光影交錯下建築於視覺上向外延伸、多彩的特點。

版塊團隊在視覺語言上,透過穩定的結構體現總統府作為國家基石的角色;向上延展的形體則反映臺灣持續進步、創新發展的動能;兩者疊加形成交織、上升的整體結構,不僅總統府承載著歷史與文化的積累,為人民提供著穩定的領導與未來的方向,也反映臺灣多元族群融合、文化包容的價值觀。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

新臺灣紅 X 永生青,彰顯傳統與現代共融的臺灣精神

版塊團隊同時為總統府品牌識別定義全新主色調,賦予其更鮮明的時代意涵,並彰顯國家價值及文化深度。其中,象徵幸福與活力的「新臺灣紅」,是略帶螢光感的桃紅色,代表臺灣人民對美好生活的追求,也蘊含傳統文化中的吉祥意象,同時彰顯現代科技的創新活力,展現臺灣在全球創新領域的領先地位;「永生青」則呼應臺灣的山水與海浪,象徵臺灣人不屈不撓的精神與對永續發展的承諾,反映臺灣人珍視自然生態與持續進步的信念。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

網站優化3重點,打造更直觀、便利的互動體驗

新版網站的設計遵循品牌識別的核心精神,針對行動載具與多元設備進行全面優化,特別著重於資訊架構的清晰化與版面編排的現代化,為使用者提供更便利、直觀的使用體驗。每個設計細節都強調「以人民為主體」的價值理念,從資訊版面的調整到互動元素的設計,都讓使用者能輕鬆獲取資訊,並與總統府的核心理念產生深度連結。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

▍重組資訊架構

板塊團隊依據使用者流量與瀏覽行為數據分析,重新規劃首頁與功能選單,讓總統府新聞、每日活動行程及線上便民服務等重點資訊更易於查找。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

▍響應式設計

全站採用行動優先的響應式設計,讓使用者無論使用何種尺寸螢幕或行動載具,都能享受一致且流暢的瀏覽體驗;同時新增深色、淺色模式切換功能,提升不同時段及情境下的使用舒適度。

總統府品牌識別、網站翻新!版塊設計操刀,融合新臺灣紅、永生青雙主色及紅磚建築意象
(圖片提供:中華民國總統府)

▍互動彩蛋

進入網站後,只要點擊右鍵就能觸發彈窗的互動效果,點擊彈窗中的五長燈,還能看見動畫彩蛋。動畫結束後,也不妨點下「網站設計理念」檔案的下載按鈕,更深入了解總統府品牌識別重塑及網站設計的意涵。板塊團隊期待藉由互動彩蛋,體現總統府對設計力量的重視,及與人民互動的心意。

資料、圖片提供|版塊 Block Studio
Campus睽違15年品牌重塑!設計師木住野彰悟以筆記本線條為靈感,打造全新視覺形象
Campus睽違15年品牌重塑!設計師木住野彰悟以筆記本線條為靈感,打造全新視覺形象

日本文具品牌KOKUYO旗下的「Campus」迎來品牌重塑,除了更新品牌視覺識別,也同步改版筆記本封面設計。設計師木住野彰悟以Campus筆記本的線條為靈感,將其轉化為視覺符號,並延伸應用於其他商品與包裝設計,讓不同品項也能呈現一致的品牌形象。

不只是筆記本,Campus開啟品牌新篇章

以筆記本聞名的「Campus」,在2025年9月迎來品牌50週年之際,開始重新思考品牌的發展方向。Campus認為,隨著數位科技與AI快速融入教育環境,透過實際參與、主動投入的學習,同樣是不可或缺的學習方式。因此,Campus將跳脫筆記本的既有定位,轉型為支持每個人以自己的方式學習與探索的「學習方式」品牌。

為回應多元學習需求,開啟品牌新篇章,Campus時隔15年進行品牌重塑。此次形象照更找來日本攝影師濱田英明拍攝。(圖片來源:KOKUYO)
為回應多元學習需求,開啟品牌新篇章,Campus時隔15年進行品牌重塑。此次形象照更找來日本攝影師濱田英明拍攝。(圖片來源:KOKUYO)

為了進一步了解不同學生的學習需求,Campus也針對5個國家展開調查,發現每個人面對學習的態度,以及對文具的期待都不盡相同。這也讓Campus更加確立未來方向,進而制定此次的品牌視覺識別系統(VI),全面煥新品牌形象,期望在學生經歷迷惘、逐步成長的每個階段,始終成為陪伴在他們身邊的夥伴。

Campus品牌在50週年之際,跳脫筆記本的既有定位,重新轉型為支持每個人以自己的方式學習、探索的「學習方式」品牌。(圖片來源:KOKUYO)
Campus品牌在50週年之際,跳脫筆記本的既有定位,重新轉型為支持每個人以自己的方式學習、探索的「學習方式」品牌。(圖片來源:KOKUYO)

從經典筆記本出發,重新梳理品牌形象

設計師木住野彰悟分享,這次除了更新第6代Campus筆記本,也重新梳理了Campus整個品牌。他認為,Campus筆記本本身就已經是極具代表性的存在,因此團隊先重新打磨筆記本的設計,再進一步思考如何建立一套視覺識別系統,讓各式商品都能透過一致的品牌形象串連起來。

全新VI採用Campus筆記本最代表性的線條為設計靈感。(圖片來源:KOKUYO)
Campus全新VI採用Campus筆記本最代表性的線條為設計靈感。(圖片來源:KOKUYO)

以筆記本線條為靈感、融入現代設計語彙

在品牌視覺識別系統上,設計師木住野彰悟以Campus筆記本的線條為靈感,打造出名為「Borderless Line(無界之線)」的視覺符號。這項設計也象徵品牌希望陪伴學生面對學習過程中的挫折與掙扎,並與他們一同跨越挑戰的態度。

木住野彰悟打造名為「Borderless Line」的視覺符號。象徵品牌希望陪伴在學習過程中遭遇挫折與掙扎的學生。(圖片來源:KOKUYO)
木住野彰悟打造名為「Borderless Line」的視覺符號。象徵品牌希望陪伴在學習過程中遭遇挫折與掙扎的學生。(圖片來源:KOKUYO)
(圖片來源:KOKUYO)
(圖片來源:KOKUYO)

Logo設計則保留歷代字母相連的經典元素,並融入現代設計語彙,呈現簡潔且值得信賴的形象,在傳遞隨時陪伴、支持學生的品牌精神之餘,也保有歷久彌新的經典氣質。

Campus歷代品牌識別(圖片來源:KOKUYO)
Campus歷代品牌識別(圖片來源:KOKUYO)

保留熟悉元素,打造更洗鍊的封面

Campus旗下代表性商品「Campus筆記本」也睽違15年迎來改版,正式邁入第6代。本次設計延續廣受喜愛的第5代筆記本風格,保留原有的封面配色與橫線等熟悉元素,同時細緻調整規格、標題欄線等標示設計,以更簡潔的設計與較淡的色調,呈現清爽、洗鍊的視覺樣貌,讓筆記本在日常書寫時光中,持續陪伴使用者。

第6代Campus筆記本(圖片來源:KOKUYO)
第6代Campus筆記本(圖片來源:KOKUYO)
圖上方為第1代~第5代的Campus筆記本,下方為前3代的Logo。(圖片來源:X@kokuyo_st)
圖上方為第1代~第5代的Campus筆記本,下方為前3代的Logo。(圖片來源:X@kokuyo_st)

此外,為紀念品牌Logo更新,Campus也推出「Campus附迷你筆記本收納包」限定套組,內容物包含可掛在書包上的迷你收納包、迷你筆記本,以及貼紙與徽章,讓全新的品牌形象延伸至日常生活中的各種使用情境。

Campus推出「Campus附迷你筆記本收納包」限定套組。(圖片來源:KOKUYO)
Campus推出「Campus附迷你筆記本收納包」限定套組。(圖片來源:KOKUYO)
收納包也能放耳機、護唇膏等日常必需小物,方便隨身攜帶。(圖片來源:KOKUYO)
收納包也能放耳機、護唇膏等日常必需小物,方便隨身攜帶。(圖片來源:KOKUYO)

資料來源|KOKUYO

延伸閱讀

RECOMMEND

迷客夏品牌視覺升級!Bito操刀療癒系識別:融合靜與動態、視覺和聲音,深化milksha與自然的連結
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結

「為了你,我們養了一群牛。」這句屬於milksha迷客夏的標語,道出品牌與酪農、鮮奶和土地的深刻連結。迎接20週年之際,milksha與台灣頂尖設計團隊Bito合作,從消費者熟悉的「牛」,以及草地被風吹拂搖曳療癒意象出發,融合靜與動態、視覺和聲音,重新梳理品牌視覺定位與方向,進一步深化milksha品牌個性。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

柔化牛的曲線和字形結構

在這次的品牌升級中,Bito保留並優化milksha最具代表性的圖標,讓「牛」的曲線更加圓潤。字形部分,則將筆畫調細,並融入的風和草的意象,在細節處加入呼應草的尖角,讓筆畫結構更加俐落、同時不失柔和感,看上去更加優雅而富人文溫度。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

視覺和聲音相輔相成的動態識別

Bito尤為擅長動態(motion)設計,這次為milksha訂製動態識別,選擇將徜徉自然中被風吹拂的抽象感受視覺化。當milksha字標左右搖曳如隨風擺動的同時,還能聽見草地搖擺的娑娑聲響,令人聯想飲用milksha時的療癒情緒。

有趣的是,系統中還能選擇微風、自然風、陣風3種風吹模式,字標擺動的幅度、速度等也能調整,讓視覺表達更加多元而鮮活。從視覺、聽覺延伸到味覺聯想,Bito透過這套動態識別系統,引領消費者感受milksha的世界觀。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

自然光影意象躍上製作物

在延伸視覺中,Bito透過各式自然意象如陽光、樹影、搖曳草地,深化milksha品牌予人的自然療癒之感。不同款式的「光漏」意象,也被延伸應用至飲料杯身、杯套、托特包等各種至作物當中。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

手繪影片構築milksha城市綠洲

在AI時代顯得尤為珍貴的手繪筆觸,被Bito帶入品牌影片當中。設計團隊採手繪的方式逐格繪出自然純粹的風景,定調milksha溫暖、真誠、用心的品牌特質。音樂則搭配大自然裡舒適宜人的環境音,點綴柔和而清脆的短音效(jingle),加深大眾對品牌的記憶,期待人們走進milksha時,就如踏入城市綠洲一般,得以感受自在愜意的生活片刻。

迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)
迷客夏品牌視覺大升級!Bito操刀療癒系識別,深化milksha與自然的連結
(圖片提供:Bito)

延伸閱讀

RECOMMEND