四大設計趨勢帶你玩轉2015年網頁設計

07-25

四大設計趨勢帶你玩轉2015年網頁設計

網頁設計趨勢變化的是如此之快，以至於我們甚至還沒來得及全部體會，有的便已過時。所以，預測某個設計趨勢會流行多久壓根就是個偽命題。在21世紀初的時候，Flash曾被視為最熱門的網頁設計工具；而在幾年前，富有光澤的按鈕也是網頁上必不可少的組件，可是現在，他們都已經被扁平化設計和HTLM5所席捲而過。

不要被炫酷時尚光鮮亮麗的時尚風格洗腦，許多剛剛出現或者才開始的流行的設計風尚都會是曇花一現。那些能對設計文化產生持續影響的設計趨勢之所以存在，是因為它們在根本上有助於用戶體驗，或者服務於某些功能或者技術。我們曾經撰寫過許多關於設計趨勢的文章，它們有的坦率地總結了正在流行的設計趨勢《先人一步！帶你了解制霸2015年的網頁設計趨勢》，或者謹慎地暢想了未來的設計趨勢《我的征程是未來！帶你展望2015年最重要的網頁設計趨勢》。

但是今天這篇文字不是要做這些事情。今天所說的四個設計趨勢是經過仔細推敲的，它們應該會在接下來的2015年里繼續流行，甚至會強勢地在2016年里繼續做一個堅挺時尚的設計趨勢。看下去，你會明白，它們不是在炫技或者耍猴，它們的確正在重新定義網頁設計。

1、更少的頁面

是否有人曾戳著你的屏幕說「少即是多？」越來越多的網站開始精簡網站上頁面的數量，使用單頁設計的網站已經不在少數，即是相對傳統的網站也過度到了簡化後的多頁式頁面架構。促成這一趨勢的原因來自兩個方面：第一，用戶喜歡簡單，越簡單用戶越容易找到它們想要的內容，這自然也對網站越好；第二，據統計，移動端的流量佔據了網站流量來源的4成，對於移動端越友好，自然也越有利於網站和網站的業務。如果你能在餐廳的移動端網頁上訂餐，何必費勁巴拉地找電腦來下單呢？成交額難道不會妥妥地上升么？下面這個高大上的單頁網站屬於倫敦的Jacks Bar，這是一家酒吧餐廳二合一的餐飲機構，在移動端瀏覽成為用戶首選的今天，滾動比點擊更加有用。

而這家名為三重櫻咖啡的站點則是另一個實例，典型的單頁設計，沒有雜亂的信息，它只有兩個導航鏈接，並且兩者都在頁面的相同區域。

2、無外乎是響應式設計

響應式網頁自然可以適配各種各樣的設備的屏幕，但是它們同時也是相對比較「龐大」網站，載入速度不會快到哪裡去。在過去，許多品牌會為用戶單獨設計桌面端頁面和移動端的頁面，但是隨著市面上設備的屏幕尺寸膨脹分裂，響應式網站設計就成了一個更為有效也高效的解決方案了。在搜索引擎抓取數據的時候，單個URL會更容易受到它們的青睞。從這個角度上來看，設計師有必要考慮一下手頭項目是否做到了響應式設計。

Skinny Ties就是一個響應靈敏的響應式網頁，在任何屏幕上都能良好地顯示，從圖片到內容，這個網站都經得起最挑剔的客戶的考驗。

3、個性化的用戶體驗

網頁Cookie並不是啥新鮮的東西，它們已經為網頁和用戶服役多年。現在，設計師們開是藉助它們讓網頁的彈出窗口呈現出更加精準的內容了：更加個性化的廣告，更加符合用戶習慣的用戶體驗設計。做電商的朋友可能會非常需要這樣的設計。

舉個例子，假設你擁有一個銷售促銷禮品的電商網站，你的某個用戶是一家公司的經理，或者是一個小企業主，它正在為自己的客戶和員工尋找類似的商品。這並不是他第一次訪問你的網站了，那麼你可以藉助個性化的體驗設計，為他推薦它可能需要的商品，讓他成為回頭客。

在歐美市場，你恐怕找不到比亞馬遜更好的例子，當然，生活在大陸的我們，可能已經被無所不能的淘寶的推薦系統所折服。

4、高清大圖

講故事其實也是設計的基本功。使用可靠的內容和漂亮的圖片將用戶從A點引導到B點，已經被證明有利於網站的轉化率。使用大幅圖片和富有質感的文字能夠賦予整個頁面以生命力，讓它更加有趣，令用戶願意與之進行互動。隨著高解析度設備的普及，這些擁有高清大圖的網頁會輕鬆討好用戶的雙眼。

溫馨/動人/***配合著高清大圖元素，用戶會買賬。不論圖片是用作背景還是配圖，整個頁面的基調都會因此而改變。Wide Eye Creative就是這樣的一個案例。

作品展示網站這樣做其實很不錯，電商和零售類的網站則需要斟酌一下如何展示才不會太過突兀。使用大圖的訣竅在於圖片的選擇，抓人眼球的視角和富有質感的細節會讓人駐足。配合著有趣的故事，用戶就會留下。