萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 四大設計趨勢帶你玩轉2015年網頁設計

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

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

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

  1、更少的頁面

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

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

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

  2、無外乎是響應式設計

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

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

  3、個性化的用戶體驗

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

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

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

  4、高清大圖

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

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

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

copyright © 萬盛學電腦網 all rights reserved