專案分享:展覽活動網頁設計【擺溪流 Baikei-介於眉溪】10個小巧思

擺溪流

這次參與了【擺溪流 Baikei-介於眉溪】展覽活動的網頁設計部分,這是以眉溪為主題的展覽和系列活動,從一開始的眉溪2日探勘之旅,由人類學背景的穀笠合作社執行長吳宗澤帶隊,一路上同行的夥伴包括南投鳥會的野鳥達人野自、特生中心研究淡水魚的葉明峰博士、在地文史工作者、手作藝術家、暨大附中老師、家扶中心社工、生態攝影師等好幾位關心在地河川環境的夥伴,一起實際雙腳走在溪床上、親身體驗埔里區域上、中、下流段的眉溪,真是一生難得的經驗!

擺溪流展覽_眉溪二日探勘-4

眉溪之美

眉溪有多夢幻?有多美?用講的感受不出來,跟大家分享一下埔里眉溪幾張美照~

眉溪真的很夢幻啊,當然一條河川不只有美的部分,也有人造物、垃圾問題和其他的部分,想認識更多面向的眉溪,就直接到埔里看展吧!

網頁設計小巧思

看完眉溪,來聊聊網頁設計吧!

今天的主角是:展覽活動資訊網頁【擺溪流 Baikei-介於眉溪】

分享【擺溪流 Baikei-介於眉溪】網頁設計的 10 個小巧思:

1. 瀏覽裝置流暢

電腦版用[眉溪流域]橫幅,手機板用直式完整[眉溪流域圖]

2. 頁面固定背景

展現眉溪意象,背景為豔陽下波光閃爍的藍色蜿蜒眉溪

3. 快速錨點

因為頁面內容豐富,在祝禱詞後放上錨點,讓讀者快速查找需要資訊

4. 展覽簡介配圖

電腦版首圖以橫式[眉溪流域圖]局部呈現,沒有完整圖;於是在電腦版這個區塊,配上完整的[眉溪流域圖]

5. 區塊分隔線

使用河川意象,使段落滑過更有趣味,也體現河川意象

6. 三個展場照片

不是放上建築物外觀照片,而是放上展場與眉溪展覽內容較相關的照片,讓大家有多一點想像跟期待,比如主展場紙匠工房可欣賞老物,禾恬 Cafe&Bar 可以喝到在地眉溪特調、並有在地調酒和手沖咖啡;山里麵可以品嘗埔里傻瓜麵好味道,背景可看出是有故事的木造風格老宅。

7. 活動資訊

段落前後皆有醒目提醒讀者需填寫報名表

8. MIT眉溪誌

影片為自動撥放,吸引讀者觀看;並設為靜音,免得上班或通勤被嚇到;可另開視窗到 YouTube 觀看

9. 看展行程建議

執行長規劃了埔里一日遊、二日遊建議,超貼心的啦!這邊將其分為兩欄,方便閱讀

10. 回到頂端按鈕

因為擺溪流展覽頁面內容豐富,右下角加上了快速回到頁面頂端的按鍵,方便讀者尋找先前的資訊

安妮結語

實際參與眉溪二日探勘,和夥伴們一起辦展,對這次網頁製作專案特別感動,也歡迎大家到埔里看展囉!

▎如果需要網頁設計服務,也歡迎參考安妮的網站架設服務,或聯絡我諮詢喔

埔里眉溪探勘
眉溪埔里段的下游非常湍急,全程把相機抱緊緊
安妮網站FB粉專_WordPress網站-行銷-旅行

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments

相關文章

返回頂端