這次參與了【擺溪流 Baikei-介於眉溪】展覽活動的網頁設計部分,這是以眉溪為主題的展覽和系列活動,從一開始的眉溪2日探勘之旅,由人類學背景的穀笠合作社執行長吳宗澤帶隊,一路上同行的夥伴包括南投鳥會的野鳥達人野自、特生中心研究淡水魚的葉明峰博士、在地文史工作者、手作藝術家、暨大附中老師、家扶中心社工、生態攝影師等好幾位關心在地河川環境的夥伴,一起實際雙腳走在溪床上、親身體驗埔里區域上、中、下流段的眉溪,真是一生難得的經驗!
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-2.jpg)
![擺溪流展覽_眉溪二日探勘-4](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-4.jpg)
眉溪之美
眉溪有多夢幻?有多美?用講的感受不出來,跟大家分享一下埔里眉溪幾張美照~
![](https://annych.com/wp-content/uploads/擺溪流-眉溪展覽活動.jpg)
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-1.jpg)
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-4-1.jpg)
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-3.jpg)
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-4-3.jpg)
![](https://annych.com/wp-content/uploads/擺溪流展覽_眉溪二日探勘-4-2.jpg)
眉溪真的很夢幻啊,當然一條河川不只有美的部分,也有人造物、垃圾問題和其他的部分,想認識更多面向的眉溪,就直接到埔里看展吧!
網頁設計小巧思
看完眉溪,來聊聊網頁設計吧!
今天的主角是:展覽活動資訊網頁【擺溪流 Baikei-介於眉溪】
分享【擺溪流 Baikei-介於眉溪】網頁設計的 10 個小巧思:
1. 瀏覽裝置流暢
電腦版用[眉溪流域]橫幅,手機板用直式完整[眉溪流域圖]
![](https://annych.com/wp-content/uploads/1.jpg)
2. 頁面固定背景
展現眉溪意象,背景為豔陽下波光閃爍的藍色蜿蜒眉溪
![](https://annych.com/wp-content/uploads/2.jpg)
3. 快速錨點
因為頁面內容豐富,在祝禱詞後放上錨點,讓讀者快速查找需要資訊
![](https://annych.com/wp-content/uploads/3.jpg)
4. 展覽簡介配圖
電腦版首圖以橫式[眉溪流域圖]局部呈現,沒有完整圖;於是在電腦版這個區塊,配上完整的[眉溪流域圖]
![](https://annych.com/wp-content/uploads/4.jpg)
5. 區塊分隔線
使用河川意象,使段落滑過更有趣味,也體現河川意象
![](https://annych.com/wp-content/uploads/5.jpg)
6. 三個展場照片
不是放上建築物外觀照片,而是放上展場與眉溪展覽內容較相關的照片,讓大家有多一點想像跟期待,比如主展場紙匠工房可欣賞老物,禾恬 Cafe&Bar 可以喝到在地眉溪特調、並有在地調酒和手沖咖啡;山里麵可以品嘗埔里傻瓜麵好味道,背景可看出是有故事的木造風格老宅。
![](https://annych.com/wp-content/uploads/6.jpg)
7. 活動資訊
段落前後皆有醒目提醒讀者需填寫報名表
![](https://annych.com/wp-content/uploads/7.jpg)
8. MIT眉溪誌
影片為自動撥放,吸引讀者觀看;並設為靜音,免得上班或通勤被嚇到;可另開視窗到 YouTube 觀看
![](https://annych.com/wp-content/uploads/8.jpg)
9. 看展行程建議
執行長規劃了埔里一日遊、二日遊建議,超貼心的啦!這邊將其分為兩欄,方便閱讀
![](https://annych.com/wp-content/uploads/9.jpg)
10. 回到頂端按鈕
因為擺溪流展覽頁面內容豐富,右下角加上了快速回到頁面頂端的按鍵,方便讀者尋找先前的資訊
![](https://annych.com/wp-content/uploads/10.jpg)
安妮結語
實際參與眉溪二日探勘,和夥伴們一起辦展,對這次網頁製作專案特別感動,也歡迎大家到埔里看展囉!
![](https://annych.com/wp-content/uploads/擺溪流活動.jpg)
- 執行單位:穀笠合作社
- 展覽網頁:【擺溪流 Baikei-介於眉溪】
▎如果需要網頁設計服務,也歡迎參考安妮的網站架設服務,或聯絡我諮詢喔
![埔里眉溪探勘](https://annych.com/wp-content/uploads/埔里眉溪探勘-1.jpg)
![安妮網站FB粉專_WordPress網站-行銷-旅行](https://annych.com/wp-content/uploads/安妮網站FB粉專_WordPress網站-·-行銷-·-旅行-1.jpg)