ASCII ART EXHIBITION 展覽特設網頁
UI/UX Design|2019|課堂作業|獨立製作
『 以「玩心」為出發,呈現出活潑的調性 』
為 ASCII ART(文字畫)進行展覽企劃、文案及活動網頁設計。整體活潑輕鬆的調性,搭配對比撞色加強視覺印象,傳達展覽歡樂的氛圍。
▍內容目錄
❶ 設計發想
❷ 設計成果:Web
※點擊可跳至該區域
為 ASCII ART(文字畫)進行展覽企劃、文案及活動網頁設計。整體活潑輕鬆的調性,搭配對比撞色加強視覺印象,傳達展覽歡樂的氛圍。
▍內容目錄
❶ 設計發想
❷ 設計成果:Web
※點擊可跳至該區域
設計成果:Web
▍完整頁面
01. 主視覺:使用大量文字畫融合展覽名、展期、地點,讓閱覽者一眼就知道展覽主題。右上角放上官方推特,方便欲前往者接收最新消息。
02. 展覽介紹:先簡單說明 ASCII ART 為何,接著介紹展覽的兩大重點活動,以有趣的遊戲及實作活動為賣點來集客。
03. 展覽資訊:除了基本文字資訊外,下方放入「了解更多」與「購票」按鈕,讓有興趣了解的閱覽者前往查看。
04. 其他:放置官方推特提供即時資訊,並在頁尾加上 Copyright 及社群分享按鈕。
02. 展覽介紹:先簡單說明 ASCII ART 為何,接著介紹展覽的兩大重點活動,以有趣的遊戲及實作活動為賣點來集客。
03. 展覽資訊:除了基本文字資訊外,下方放入「了解更多」與「購票」按鈕,讓有興趣了解的閱覽者前往查看。
04. 其他:放置官方推特提供即時資訊,並在頁尾加上 Copyright 及社群分享按鈕。
▍響應式規劃
電腦版網頁將導覽列固定於左側,除了主視覺平衡上的考量外,閱覽者滑動頁面時也能依照想了解的部分,直接從導覽列點入相對應的頁面。也趁本次挑戰過去未編寫過的側邊導覽列語法。
行動裝置無法提供側邊導覽列的空間,採用漢堡選單製作導覽列。本次製作上架構與資訊量不算複雜,較不容易在網站內迷路或錯亂,因此使用此方式呈現。