公部門網站美學再進化!兩廳院、北藝中心、設研院網站設計:不只美,也精準流暢

2022/05/19
公部門網站美學再進化!兩廳院、北藝中心、設研院網站設計:不只美,也精準流暢
圖片來源/Rytass、臺北表演藝術中心
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
台灣公部門網站美學再進化,兩廳院、北藝中心及台灣設計研究院以幾何線條、場館代表色系與建築物剪影,呈現出有別以往的新風貌。

在今年的德國 iF 設計獎作品中,熟悉的「國家兩廳院」網站映入眼簾。台灣團隊 Rytass 重新梳理兩廳院的品牌形象與網站頁面,設計出兼具美感與實用性的對外呈現。其實除了兩廳院,台灣近期也有愈來愈多具有設計感、互動性的公部門網站,本篇將以「國家兩廳院」、「台灣設計研究院」及「臺北表演藝術中心」三個網站為例,帶領讀者一窺這些網站的細節與用心!

國家兩廳院網站:一抹大器劇場紅,點綴表演廳的莊重與現代感

身為國家級的表演場館,以及劇場與音樂廳的代表象徵──紅絲絨地毯,「紅色」的莊重與活力,顯然是最符合兩廳院的顏色。
Rytass 所設計的兩廳院網站以灰白作為基底,紅色作為點綴效果,如此搭配更顯和諧、亮眼,也能襯托出各節目的主視覺。

公部門網站
圖片來源/Rytass

瀏覽兩廳院網站,最令人驚奇的莫過於「探索場館」的頁面。網頁中以白色 3D 建模的方式建置出兩廳院的建築輪廓。無色彩的建物模型讓版面變得簡潔,反而讓人更能專注於傳達的「內容」本身,也提供給觀者一種想像的空間。

公部門網站
圖片來源/Rytass
公部門網站
以線性敘事的方式,從歷史演變到場館概況逐一說明。 螢幕截圖/國家兩廳院
公部門網站
在場館的 3D 建模上出現了 A、B、C 的標示,點擊之後可以知道該部分的建築結構與特色。 螢幕截圖/國家兩廳院
公部門網站
透過圖文說明,我們能了解許多未曾注意過的兩廳院建築細節,不只聽音樂、看表演,還能從建築角度理解文化。 螢幕截圖/國家兩廳院
公部門網站
購票時,觀眾最在意的莫過於位子的視野如何。網站中也結合平面圖與實景的對照,方便觀眾選位參考。 螢幕截圖/國家兩廳院

台灣設計研究院:黑白線條的動態體現,簡單深刻闡述核心使命

台灣設計研究院的「互動簡介」為「版塊設計 Block Studio」的作品。該簡介以嶄新、吸睛的方式說明部會的使命與發展方向。隨著圓點形狀的游標下滑,不同的線條、原點變形交織,開始在頁面中上演一齣生動有趣的戲碼。簡介中為了呈現「跨域整合」、「驅動」、「導入」、「連結」等數個抽象價值,以最簡單的動態黑白線條將這些概念變得具體。線性的敘事流搭配貫穿全頁面的黑色圓點,讓這個網站得以完整、清楚地將資訊傳達給閱聽人。

公部門網站
台灣設計研究院的自我定位為「跨域整合設計創價平台」,因此網站中也透過原本各在兩端的大圓/小球,隨著頁面捲動逐漸靠近、融合,體現「跨域整合」概念。 螢幕截圖/台灣設計研究院
公部門網站
在「擴散」部分,則透過放射狀線條與中央的地球圖樣,展示國際設計外交的使命。 螢幕截圖/台灣設計研究院
公部門網站
在「連結」概念裡,兩顆小球重疊在空心圓中,並且隨著轉動擴散、伸展,體現出設計研究院連結社會中其他產業與知識,便能創造出改變的能量。 螢幕截圖/台灣設計研究院
公部門網站
此圖以流動的線條與台灣島的輪廓,呈現從 2003 年前身「台灣創意設計中心」創立、2020 年的升格,再到 2030 年的未來願景。 圖片來源/台灣設計研究院
公部門網站
「驅動」概念,則是以小球推動類似骨牌的方塊堆,展現身為「設計產業推動者」的特色。 螢幕截圖/台灣設計研究院

臺北表演藝術中心:延續場館幾何風格,食物比喻幽自己一默

北藝中心結合現代感與活潑風格的網站為 ES design 所操刀的作品。正在試營運的北藝中心,過去在媒體版面上常因特殊前衛的建築外觀,被戲稱「皮蛋豆腐」。不過,在北藝中心的網站上卻也出現了食物與各劇場外觀的對照圖,例如「球劇場」是紅豆餅、肉圓,梯形的「大劇場」是三明治、薯餅,而方形的「藍盒子」則是豬血糕。令人會心一笑的比喻,不僅能讓民眾對這個新場館的設施產生深刻印象,也將表演藝術中心帶入民間生活,更加「接地氣」。

臺北表演藝術中心的色彩系統以沉靜的藍灰色調為主軸,而點綴在場館中的粉色與橘色則分別代表孵化藝術的排練場與探求熱情的參觀回路。這樣的概念,也反映在網站色調的安排。此外,網站也以簡潔的線條與圓體字型,增添年輕的活力感。

公部門網站
當游標停在不同的公告標題時,一旁可愛童趣的五官圖案也會跟著變換表情! 螢幕截圖/臺北表演藝術中心
公部門網站
代表排練、演員的粉色調,運用在演出劇目的標題設計,頗具巧思。 螢幕截圖/臺北表演藝術中心
公部門網站
清楚明瞭的節目資訊,側邊欄位也有不同色系的 icon 標明各式須知。 螢幕截圖/臺北表演藝術中心
公部門網站
北藝中心引以為傲的波浪狀玻璃設計也在網站露出,建築本身也能成為美感塑造的一部分。 螢幕截圖/臺北表演藝術中心

網頁設計所需考量的,不只是美感與設計,更重要的依然是回歸網站「呈現資訊」的功能,在流暢清楚介面的基礎下,展現出單位、場館的特色,有助於提升品牌能見度,也創造了良好的線上體驗!

逛逛這些網站:
國家兩廳院網站:https://npac-ntch.org/zh
台灣設計研究院「互動簡介」:https://www.tdri.org.tw/about/
臺北表演藝術中心網站:https://www.tpac-taipei.org/

2026《DesignBIZ Award 設計新商業大賞》徵件啟動!徵集設計驅動商業價值的傑出實踐

2026/06/15
Shopping Design
2026《DesignBIZ Award 設計新商業大賞》徵件啟動!徵集設計驅動商業價值的傑出實踐
© Shopping Design
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
2026 年 DesignBIZ Award 設計新商業大賞邁入第二屆,將持續挖掘以設計思維為核心、跨越美學框架、實現商業創新與社會影響的傑出實踐。

設計的價值,不止於表現——它引導品牌前進、形塑未來市場,創造真實影響力。

2026 年 DesignBIZ Award 設計新商業大賞邁入第二屆,將持續挖掘以設計思維為核心、跨越美學框架、實現商業創新與社會影響的傑出實踐。

聚焦「設計 × 商業 × 創新實踐」,著重設計在商業策略與創新中的關鍵角色,涵蓋品牌策略、產品設計、行銷企劃、永續實踐與新創發展等多元面向。

✹ 徵件開跑!早鳥優惠 6 折延長至 7/6|完整評選標準與徵件辦法 ➬ 請見活動官網

DBA 獎項亮點:五大獎項,涵蓋設計的多元實踐面向

設計新商業 DesignBIZ Runner:設計驅動的策略實踐,展現前瞻思維與突破精神,於營運與市場中創造價值。
潛力新銳 Market Newcomer:新創品牌以獨特風格與創新策略,快速建立市場辨識度與成長動能。
影響力企劃 Influential Maker:以策略與創意引發觀點轉變與行動參與,強調設計與企劃的整合與實效。
永續實踐 Sustainability Practitioner:創新回應永續挑戰,將設計導入產品、營運與社會實踐中,創造長期正向影響。
商業破框者 Game Changer:跳脫產業慣性,以設計為核心構築全新模式與價值,帶動市場思維轉變。

2026 年評審名單:

王宗欣 / dosomething studio 創辦人暨創意總監
吳庭安 / W 春池計畫 主理人、春池玻璃副總經理
張懷安 / 勤美集團生活創新事業協理
陳添順 / 鴻梅文創、或者影響力投資 創辦人
陳韻竹 / Plan b 共同創辦人
劉靜茹 / Shopping Design 事業部總經理


≣ 報名辦法、權益與注意事項報名費用:

◦ 早鳥票:新台幣 3,000 元整(即日起至 2026/7/6)
◦ 一般票:新台幣 5,000 元整(2026/7/7 起至 2026/7/31)
* 報名含《Shopping Design》年度季刊 3 本(價值 1,050 元)

同公司或品牌可依不同專案分次報名多項獎項。開放公司、品牌、專案或個人參與,不限產業與規模。

▍報名步驟:
① 前往 EVENT GO 報名平台 ,並完成以下作業
② 請詳閱 報名簡章,並下載 報名表單
③ 填寫報名資料表單(將完成檔案轉成 PDF),並將相關資料傳至私人雲端(Google、Dropbox、其他可下載檔案雲端,請依範本整理檔案、整理成單一資料夾,並開放檢視權限)
④ 提供應繳資料與附件雲端連結於報名系統表單
⑤ 完成報名費用繳交

▍應繳資料內容:
① 報名表單(PDF檔)
② 營利事業登記證明或相關公司登記、商業登記證明影本
③ 專案簡介(不限格式,建議包含作品圖文、理念與成果說明)
④ 品牌 LOGO(72dpi 以上)、專案圖片(至少 4 張,建議 300dpi)
⑤ 其他補充資料(如影片連結、媒體報導、用戶回饋等)

資料夾檔名規範:
2026_DBA報名_(報名類別)_ (專案名稱) _(公司或品牌名稱)
例:2026_DBA報名_設計新商業_設計新商業年會_Shopping Design

▍資料檢核提醒(請詳閱):
◦ 請務必於 EVENTGO 系統內完成資料上傳與繳交,並確認系統中填寫的聯繫 Email 與電話正確無誤,以利後續聯繫與通知。
◦ 如資料不完整或缺件,主辦單位將通知補件,並提供 3 個工作天的補件期限。逾期未補件者,將視同未完成報名,無法進入後續評選程序。

▍報名注意事項(請詳閱):
※ 企業名稱與產品、專案或服務名稱請謹慎填寫(20 字以內),若獲獎將應用於獎座與典禮相關製作,恕無法臨時更改。
※ 使用雲端連結提供檔案時,務必確認檢視與下載的權限皆有開啟。若未開啟,將視同未繳交。若貴司無法使用雲端提供檔案,可將寄送隨身碟至以下地址:106台北市大安區光復南路 102 號 9 樓 Shopping Design 收。(隨身碟無法寄回,需自行前來領取)
※ 本公司採用電子發票,發票將統一於付款完成後的兩週內由「綠界科技 ECPay」寄送電子發票開立通知至您報名時填寫的發票收件人 email。若有報帳特殊需求,敬請於報名前來信或來電告知,完成報名後恕無法受理,謝謝。
※ 本徵件於報名繳費完成後,即啟動行政與評選籌備作業,包含報名審核、評審準備、獎項製作及相關推廣安排,因此不論後續是否入選或得獎,皆無法辦理退款。請報名前審慎確認報名類別與所需資料。
※主辦單位保留活動及獎項異動之權利。


≣ 整體時程規劃
◦ 早鳥徵件:即日起至 2026/7/6
◦ 一般徵件:2026/7/7 至 2026/7/31
◦ 資格審查:2026 年 8 月初
◦ 評選會議:2026 年 8 月中旬
◦ 獲獎公告:2026 年 8 月底(將以 Email 及電話通知得獎者,未入選者恕不另行通知)
◦ 頒獎典禮:2026 年 9 月上旬

≣ 獲獎權益
◦ 專屬特製獎盃:獲選作品將獲得一只特製獎盃,作為榮譽象徵與實體識別
◦ 專屬標章授權:獲選作品可使用「DBA 獎項標章」,應用於品牌宣傳與媒體素材,作為獲獎認證標示
◦ 頒獎典禮出席:獲選者將受邀出席頒獎典禮與會後交流活動,公開亮相並接受表揚
◦ 得獎資訊發布:名單與典禮花絮將於官網與社群平台同步揭露,完整記錄獲獎亮點與現場精彩瞬間
◦ 數位專題收錄:獲獎作品將收錄於《Shopping Design》官網特別企劃,進行整合性專題綜合報導


≣ 聯絡我們
若對報名流程、資料繳交或獎項事務有任何疑問,歡迎聯繫主辦單位:
◦ 電話:02-8773-9808 #285 謝先生
◦ Email:sd@shoppingdesign.com.tw
◦ 服務時間:週一到週五 10:00-12:00;14:00-17:00

READ MORE

延伸閱讀

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找有趣、有用、有意義的大小設計事...
Vol.156
Vol.156 找回靈感大作戰

3條散步路線・6本靈感日記・10+私房選店・20+找靈感練習。

© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓