查看完整版本: 以相片為主軸的網站:設計不敗的原則
頁: [1]

honyihon 發表於 2009-9-16 06:00 PM

以相片為主軸的網站:設計不敗的原則

轉載於:旗標電腦
相片是網頁裡常用的元素之一, 尤其是製作以相片為主角的網站時, 精美的相片更是必要的網頁素材。在將相片放入網頁、進行版面編排時, 若能掌握相關的版面、配色技巧, 將可讓網頁呈現的效果更上層樓。以下就為你說明範例網站的設計原則。

均衡圖文比例
當網頁上只有文字時, 會讓人覺得枯燥;如果都是圖片, 則無法傳達足夠的資訊, 為了兼顧兩者, 我們決定採用圖片、文字比例均衡的版面來呈現首頁。以範例網站為例, 我們想要營造輕鬆的旅遊氣氛, 又不想失去行程資訊的完整性, 那麼圖文比例各半的設計將是最適當的。
http://www.flag.com.tw/db/preview/images/F9401_1_a1.jpg
只有圖片, 能傳達的資訊有限
http://www.flag.com.tw/db/preview/images/F9401_1_a2.jpg
只有文字, 讓人提不起參加的興趣

實例賞析
http://www.flag.com.tw/db/preview/images/F9401_1_b.jpg
畫面引用自 http://www.china-airlines.com/
航空公司讓人想到旅遊、飛行, 也適合用圖文各半的比例來呈現

http://www.flag.com.tw/db/preview/images/F9401_1_c.jpg
畫面引用自 http://www.gyu-kaku.com.tw/
將最新消息列在首頁, 按下右側照片下方的縮圖可變換圖片, 是提高與瀏覽者互動性的好方法


.....更多內容請見《正確學會 Dreamweaver CS4 的 16 堂課...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>
頁: [1]