台灣觀光60年來的歷程,以數位典藏文化及地景紀錄,
締造閱讀體驗、共創觀光發展。

《台灣觀光60》攜手永續專刊

1/專案背景

以山脈、島嶼串連起台灣觀光發展60年的事蹟,此60週年紀念專刊囊括了台灣觀光局60年來的點滴,也是這60年來的文化故事及地景紀錄。

主要閱讀者為對台灣觀光發展有興趣的海外人士及相關產官學合作單位,我們透過東方獨有的水墨插畫藝術,將事件轉為生活化的情境插圖。文字編排上加入時間軸的線條元素(編年史)引導閱讀動線;而插畫的點綴讓每一年的開頭增添新氣象的敘事感。隨著數位閱讀潮流的進化,觀光60專刊,除了平面資訊的編排整理外,我們將圖像數位化,讓時程的演變化為互動故事,並提升趣味的閱讀體驗。

  • 《台灣觀光60》攜手永續專刊
《遊譜Youput》在地行動平台



時間軸圖文式互動,瀏覽故事體驗升級

《台灣觀光60》攜手永續專刊以台灣山海地景帶出整個時間脈絡,是一本能被分享與收藏的禮物書。

齊力團隊著重於圖文並茂的介面,以東方水墨插畫風格,採時間橫軸敘事來引導觀者閱讀;採響應式網站設計,使用 HTML 和 CSS 自動調整網站的縮放比例,讓網站不論在桌機、平板電腦、手機或任何裝置上看起來皆同樣出色,提高易讀性。

透過插畫動態來引導點擊,可觀看每個觀光發展的階段歷程,右上角漢堡選單隨時切換中英語言,《台灣觀光60》就像是一幅流動畫,締造新的閱讀體驗。

時間軸圖文式互動,瀏覽故事體驗升級

《台灣觀光60》攜手永續專刊以台灣山海地景帶出整個時間脈絡,是一本能被分享與收藏的禮物書。

齊力團隊著重於圖文並茂的介面,以東方水墨插畫風格,採時間橫軸敘事來引導觀者閱讀;採響應式網站設計,使用 HTML 和 CSS 自動調整網站的縮放比例,讓網站不論在桌機、平板電腦、手機或任何裝置上看起來皆同樣出色,提高易讀性。

透過插畫動態來引導點擊,可觀看每個觀光發展的階段歷程,右上角漢堡選單隨時切換中英語言,《台灣觀光60》就像是一幅流動畫,締造新的閱讀體驗。

2/重點特色

數位橫軸瀏覽,popup彈跳視窗觀看故事歷程

每個時期皆設計為可點擊的button,將以彈跳視窗依據時間軸內容往下滑動進行瀏覽;每個時期皆擁有專屬配色,藉以強化時期發展之主題性。

3 / 色彩計畫

Colour System Plan

Icon Design

4/識別設計

Trademark Design

5 / 官網建置、網頁設計

文章資訊整合,建置網站/虛擬主機/網域

客戶

交通部觀光局

執行內容

台灣觀光60.攜手永續專刊 - LOGO設計、官網建置

執行團隊

  • 專案統籌 傅紫綺
  • 專案指導 劉忠岳
  • 文字企劃 陳雅雯 程瑋
  • 設計執行 劉佳琳 薛智仁
  • 前端程式 黃千旆
  • 後端程式 張忠玉
  • 插畫執行 王浥函