2013年3月6日 星期三

熱門網站設計趨勢(下)

專注簡單
「簡單」是2012年的領先趨勢,諸多網站訴求直觀的設計,因此開始朝向刪減不必要的頁面、越簡單越好的設計方向;不過,簡化設計通常需要運用比較大型且搶眼的圖像,才能準確傳達重要資訊。
 
Responsive Web Design
隨著智慧型手機和平板電腦的市場擴大,Responsive Web Design設計方法也成為目前網頁開發的主流之一,可以適應各種尺寸大小和不同格式的行動裝置,確保網友能夠透過行動裝置或桌上型電腦看到網站內容。
 
視差設計(Parallax)
此類型網頁運用兩個或兩個以上的背景或物件,以不同速度移動,造成不同感受的視覺體驗,打破線性單調的網站呈現方式,是目前接受度頗高的設計趨勢。
 
字體造型設計(Typography)
網站設計時運用特殊字型,不但視覺感較為強烈,也較能吸引網友目光;現在還有許多網站提供了免費字型資源,如Google fonts和typekit。此類網站就算過了許久再回過頭看,也會覺得充滿設計感。
 

熱門網站設計趨勢(上)

一個網站給人的第一印象是很相當重要的,所以網站設計是當你建立網站時應該十分注重的一方面!以下分享近年來網站設計趨勢(當然這並不代表全部):
單一頁面網站
以 單一頁面呈現大量資訊、需要不斷往下滾動滑鼠才能看完,這類型設計往往會讓客戶和設計師皺眉;不過有一種解釋如是說:網友其實滿習慣一頁看到底的,如果 把垂直頁面資訊拆成好幾頁呈現反而更糟糕,因為網友需耗費更多時間才能查找到有用資訊;包括蘋果在內,都用很「長」的單一頁面展示產品。
 
以照片為背景
存在相當久的設計趨勢,由時尚品牌和攝影師帶動,目前廣泛使用於各行業,而且效果都滿成功的。「以照片當作背景」是直接傳達品牌形象的好方法--特別當業者希望帶給消費者強烈的視覺感時,這也是時尚產業、服飾品牌、旅遊產業等經常運用這類型網頁設計的原因。
 
方格狀設計
以一塊一塊的方格,帶出多元豐富的照片和文字,看來簡單卻又吸引人。方格之間色彩、影像、文字的對比,產生有趣的視覺感受,會刺激網友繼續看下去。
 
大圖示設計
此趨勢源於Mac OS X圖示設計,一開始是程式設計師推出的Mac應用程式網站,吸引大家的目光,也讓大家注意到以大圖示呈現品牌的方式。後來這類型趨勢也受到iOS開發者青睞,現代設計文化更是經常採用。