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

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

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

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

購票時,觀眾最在意的莫過於位子的視野如何。網站中也結合平面圖與實景的對照,方便觀眾選位參考。

螢幕截圖/國家兩廳院


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

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

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

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

螢幕截圖/臺北表演藝術中心


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

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

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