民航局所屬機場建築與公共藝術網站
這個網站可定位為「交通部公共藝術與交通建設策展平台」，以數位策展方式介紹交通建設中的公共藝術、工程美學、場域故事與地方文化。內容可能涵蓋公路、鐵道、航空、港灣等交通場域，透過圖文、互動展示與線上導覽，讓民眾理解公共工程不只是交通設施，也能成為城市美學、文化記憶與地方連結的一部分。
- 政府機關 / 金融
- 電商
- 精選
- 影音
-
視覺 / 前台特色Visual / Frontend Features
網站以機場空拍影像作為主視覺，結合紙質紋理、策展式排版與照片卡片設計，呈現機場建築的空間尺度與公共藝術的文化溫度。前台整合多座機場的建築與公共藝術內容，規劃清楚的導覽選單、首頁快速入口、機場分類頁與活動專區，兼具資訊查找、藝術導覽、場域介紹與互動參與功能。手機版則針對行動瀏覽優化圖片比例、選單操作、按鈕尺寸與內容層級，讓使用者能在手機上順暢瀏覽各機場故事與公共藝術作品。
各機場內頁皆採用一致的內容架構與視覺規範，包含全幅主 Banner、機場簡介、航廈介紹、建築特色與公共藝術內容。主 Banner 以各機場代表性影像搭配置中大標題，建立清楚的場域辨識；內頁則透過圖文交錯、分段標題與照片輔助說明，呈現機場建築的歷史脈絡、空間特色與公共藝術亮點。整體規劃讓多座機場頁面在內容結構上保持一致，同時保留各機場獨有的建築風貌與文化故事。
各機場內頁除了航廈與建築介紹外，也整合公共藝術作品、藝術家背景與地方文化故事，形成完整的數位策展內容。網站透過作品照片、創作理念、作者介紹與文化敘事，讓使用者能理解公共藝術與機場場域之間的連結。
在視覺呈現上，頁面搭配對應的插畫與文化符號，例如龍形剪影、飛機意象、雲層、航線、地方圖騰與幾何紋理等，強化不同機場的識別特色。整體採用圖文交錯與策展式排版，讓公共藝術不只是被觀看，也能被閱讀、理解與記憶。
針對台灣各離島機場規劃一系列線上導覽內容，整合機場主視覺、航廈介紹、公共藝術作品、藝術家資訊與地方文化敘事。每座機場皆以一致的頁面架構呈現，透過圖文交錯排版、作品照片與插畫符號，讓使用者能清楚認識不同離島機場的建築特色與文化背景。網站將機場從單純的交通設施，轉化為可被閱讀與探索的地方入口，讓金門、馬祖、澎湖、蘭嶼、綠島等等離島機場的建築語彙、公共藝術與島嶼故事，透過數位策展方式完整呈現。
本案除網站設計與前台建置外，也運用空拍影像作為內容呈現的重要素材。透過空拍視角，完整呈現機場航廈、跑道、停機坪、周邊道路與公共藝術作品所在位置，讓使用者能從城市尺度理解機場作為交通門戶的空間角色。空拍影像搭配圖像標示與文字說明，將航廈區域、公共藝術作品與周邊環境清楚標出，形成具導覽功能的視覺內容。使用者在瀏覽網站時，不只能觀看單一作品照片，也能理解作品實際設置於機場場域中的位置與關係，讓公共藝術介紹更具臨場感與空間脈絡。
網站規劃「公共藝術找找看／記憶翻翻樂」互動遊戲，讓使用者透過翻牌配對方式，找出正確的機場與公共藝術作品。遊戲結合答對次數統計、重置功能與通關提示，完成配對後可導向活動表單，提升網站互動率與活動參與度。整體以機場跑道空拍作為背景，搭配飛機圖示卡片與橘色行動按鈕，延續網站航空主題與公共藝術策展風格。
-
功能 / 特色導覽Functionality / Highlights Tour
本網站無障礙AA處理，完成機器檢測後，進一步配合人工檢測進行修正，針對圖片替代文字、標題層級、連結語意、鍵盤操作、焦點順序、色彩對比與互動元件進行完整檢查。由於網站包含大量機場照片、公共藝術作品與活動遊戲頁面，因此在內容建置時也同步補強圖片說明、作品描述與操作提示，讓網站兼具視覺呈現、內容導覽與無障礙可近用性。人工檢測完成後核發無障礙AA認證。
➊本案弱點掃描移除中高風險問題，於上線前透過自動化工具檢查常見資安風險與網站安全設定。檢測結果未發現高風險漏洞，主要針對 CSP 內容安全政策、Clickjacking 防護、HSTS、X-Content-Type-Options、外部 JavaScript 引用與資訊揭露等中低風險項目進行檢視與修正。透過弱點掃描與複測流程，協助網站在正式公開前提升資安防護與上線品質。
➋源碼檢測特色，本案於網站開發與上線前導入源碼檢測流程，透過靜態程式碼分析工具檢查網站前端程式、JavaScript、CSS 與頁面結構，針對 Security、Reliability、Maintainability 等面向進行檢視。檢測後依問題類型與嚴重程度逐項修正，包含外部資源引用安全性、程式可靠性、可維護性與程式碼品質優化，確保網站不只前台視覺完整，也具備穩定、安全且便於維護的程式基礎。
網站色彩計畫Color System
前往網站- #252525
- #d14800
- #f8f3ed
