公部門網站美學再進化！探索兩廳院、北藝中心及設研院網站設計

台灣公部門網站美學再進化，兩廳院、北藝中心及台灣設計研究院以幾何線條、場館代表色系與建築物剪影，呈現出有別以往的新風貌。

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

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

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

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

以線性敘事的方式，從歷史演變到場館概況逐一說明。螢幕截圖／國家兩廳院

在場館的 3D 建模上出現了 A、B、C 的標示，點擊之後可以知道該部分的建築結構與特色。螢幕截圖／國家兩廳院

透過圖文說明，我們能了解許多未曾注意過的兩廳院建築細節，不只聽音樂、看表演，還能從建築角度理解文化。螢幕截圖／國家兩廳院

購票時，觀眾最在意的莫過於位子的視野如何。網站中也結合平面圖與實景的對照，方便觀眾選位參考。螢幕截圖／國家兩廳院

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

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

台灣設計研究院的自我定位為「跨域整合設計創價平台」，因此網站中也透過原本各在兩端的大圓／小球，隨著頁面捲動逐漸靠近、融合，體現「跨域整合」概念。螢幕截圖／台灣設計研究院

在「擴散」部分，則透過放射狀線條與中央的地球圖樣，展示國際設計外交的使命。螢幕截圖／台灣設計研究院

在「連結」概念裡，兩顆小球重疊在空心圓中，並且隨著轉動擴散、伸展，體現出設計研究院連結社會中其他產業與知識，便能創造出改變的能量。螢幕截圖／台灣設計研究院

此圖以流動的線條與台灣島的輪廓，呈現從 2003 年前身「台灣創意設計中心」創立、2020 年的升格，再到 2030 年的未來願景。圖片來源／台灣設計研究院

「驅動」概念，則是以小球推動類似骨牌的方塊堆，展現身為「設計產業推動者」的特色。螢幕截圖／台灣設計研究院

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

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