網路城邦
上一篇 回創作列表 下一篇   字體:
網站設計趨勢
2017/07/30 13:15:23瀏覽75|回應0|推薦0

大部分的人應該都同意:當你造訪某網站, 網站設計 是最重要的事!以下分享近年來網站設計趨勢(當然這並不代表全部):

 

單一頁面網站

 

以單一頁面呈現大量資訊、需要不斷往下滾動滑鼠才能看完,這類型設計往往會讓客戶和設計師皺眉;不過有一種解釋如是說:網友其實滿習慣一頁看到底的,如果把垂直頁面資訊拆成好幾頁呈現反而更糟糕,因為網友需耗費更多時間才能查找到有用資訊;包括蘋果在內,都用很「長」的單一頁面展示產品。

 

 

可以參考的網站好例子:

 

■ 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.

 

資料來源:數位時代


http://www.piece2ec.com.tw/news.asp?ID=2191

( 知識學習檔案分享 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=piece2ec&aid=107496664