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

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

眉溪之美

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

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

網頁設計小巧思

看完眉溪，來聊聊網頁設計吧！

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

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

1. 瀏覽裝置流暢

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

2. 頁面固定背景

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

3. 快速錨點

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

4. 展覽簡介配圖

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

5. 區塊分隔線

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

6. 三個展場照片

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

7. 活動資訊

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

8. MIT眉溪誌

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

9. 看展行程建議

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

10. 回到頂端按鈕

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

安妮結語

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

• 執行單位：穀笠合作社
• 展覽網頁：【擺溪流 Baikei－介於眉溪】

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