大部分的人應該都同意:當你造訪某網站, 網站設計 是最重要的事!以下分享近年來網站設計趨勢(當然這並不代表全部):
單一頁面網站
以單一頁面呈現大量資訊、需要不斷往下滾動滑鼠才能看完,這類型設計往往會讓客戶和設計師皺眉;不過有一種解釋如是說:網友其實滿習慣一頁看到底的,如果把垂直頁面資訊拆成好幾頁呈現反而更糟糕,因為網友需耗費更多時間才能查找到有用資訊;包括蘋果在內,都用很「長」的單一頁面展示產品。
可以參考的網站好例子:
■ http://www.apple.com/iphone/features/
■ http://www.visualboxsite.com/
■ http://www.versapay.com/
■ http://www.fitbit.com/
■ http://cageapp.com/
■ http://www.squarespace.com/
以照片為背景
存在相當久的設計趨勢,由時尚品牌和攝影師帶動,目前廣泛使用於各行業,而且效果都滿成功的。「以照片當作背景」是直接傳達品牌形象的好方法--特別當業者希望帶給消費者強烈的視覺感時,這也是時尚產業、服飾品牌、旅遊產業等經常運用這類型 網頁設計 的原因。
可以參考的網站好例子:
■ http://www.biamar.com
■ http://alexarts.ru/en/index.html
■ http://www.davidia-int.hr/
方格狀設計
以一塊一塊的方格,帶出多元豐富的照片和文字,看來簡單卻又吸引人。方格之間色彩、影像、文字的對比,產生有趣的視覺感受,會刺激網友繼續看下去。
可以參考的網站好例子:
■ http://dynamit.us/
■ http://lithium.com/
■ http://landor.com/
■ http://www.pepsi.com/
大圖示設計
此趨勢源於Mac OS X圖示設計,一開始是 程式設計 師推出的Mac應用程式網站,吸引大家的目光,也讓大家注意到以大圖示呈現品牌的方式。後來這類型趨勢也受到iOS開發者青睞,現代設計文化更是經常採用。
可以參考的網站好例子:
■ http://www.zennaware.com/cornerstone/index.php
■ http://panic.com/
■ http://versionsapp.com/
■ http://www.piictu.com/
■ http://www.enstore.com/
參考資料:
1加藤才智 著、許郁文 譯 2009 「網頁設計新人仕事」,第一版, 碁峰出版社
2 黃正文 2006 FrontPage 網頁設計
3 Nielsen, J., (1993),Usability Engineering, New York: Academic Press.
留言列表