Menu

網站服務項目

華藝數位 島嶼營業中

本次協助華藝數位在文化部專案製作一個全新的互動式活動網頁,此專案主要目的是整合全國公共圖書館電子書計次借閱推廣。因應專案活動故名稱定義為「島嶼營業中」,從台灣島嶼意象的設計概念去製作。 設計的初衷,是希望能製作出一款有趣又美觀的網頁,所以整體的風格,希望能帶給使用者像在玩遊戲一般的使用體驗。

  • 文化 / 教育
  • 形象
  • 一頁式
  • 精選
前往網站
  • 視覺 / 前台特色Visual / front-end features

    首頁的色系以藍色為主,令人聯想到海洋;「島嶼」二字則是做出臺灣島的形狀,並用對比色黃色加以強調島嶼的存在。周遭的建築物分別為車站、書店、柑仔店......等等的主題館,仔細看~有的主題館亮著燈、有的則是還沒點燈;至於這些主題館與內容有甚麼特殊的關聯呢?就讓我們繼續看下去吧!

    整體網頁的互動方式會以彈跳視窗為主。桌機版的設計是——每點入一棟主題館,便會彈出翻開的書本,裡面會詳細說明該主題館的活動,並附上主題館的內部插圖。手機版的設計則是——每點入一個地標,會先進入該主題館,再點擊後會彈出卷軸視窗(為符合長型的框架設計),同樣也有內部插圖點綴。 如果你點選的主題館/地標,是沒有點燈或呈現藍色的話,代表該主題尚未開放,故不能點選喔!

    手機版的彈跳視窗設計和桌機版的呈現方式不同;因為在手機版的尺寸較為窄小,為求畫面的簡潔,故首頁上沒有放置建築物僅以地標顯示。所以我們將建築物的出現順序做了一個調整,像是點選了地標後,才會彈出建築物,接著才會再出現更詳細的解說頁面。

    桌機的彈窗設計以打開的書本為主,書本也刻意使用黃色的對比色系,營造出凸顯的效果;每個彈跳視窗也都有繪製主題館的內部插圖。

網站色彩計畫Color System

前往網站
  • #003c78
  • #bfe5ff
  • #ffbf00

設計喃喃

在視覺設計的過程中,時常會經過反覆修改,並逐步雕琢成為符合、適合客戶的網站。有哪些創作值得提出來分享的呢?讓我們一起來看看!
GOGO