2014年10大Web設計趨勢

2013悄然離去，2014已來到咱們面前。去年伊始，The Next Web對2013年Web設計領域的十大趨勢作了預測，如響應式設計、排版的重要性、空白區域設計及與社交網絡整合等。2014年，該領域又將迎來哪些新的發展變化？The Next Web在《10 Web design trends you can expect to see in 2014》一文中，對2014年10大Web設計趨勢做出了預測。CSDN對該文進行了編譯，內容以下。

1.排版字體更具特點，再也不枯燥

在排版中，字體的地位將愈來愈重要，這是2013年十大預測中的重要一條，並已獲得很好印證。2014年，字體將繼續保持在排版中的重要地位，並向更具個性化方向發展。

所謂「個性化字體」，是指由設計者本身獨特設計的字體，以替代標準字體（如Serif、San-serif）。如今不少設計者正開始尋找並設計一些特殊字體，來加強本身設計做品的個性化與獨特性。

例如，上圖展現的Stuff&Nonsense新版網站。該網站本能夠選用任何一種老式的Serif字體，但它卻選擇了一款可以使之更顯專業、更具個性的漂亮Serif字體。咱們期待2014年能夠看見更多的網站放棄很是簡單、過分使用的字體，並尋找、使用更具個性化的字體。

2.扁平化設計

去年，曾預測Apple將會動搖其擬真設計（Skeuomorphism）。iOS7的發佈帶來了所謂的「扁平化設計」，該設計丟棄了陰影及漸變效果，使某些元素得到了視覺上的升級。

長期以來，Apple一直引領着設計的時代潮流，它所作的任何事情，都會引來世界的追隨。iOS7發佈不久，天天都會有不少具備「扁平化設計」風格的網站上線。不限於2014年，咱們相信將來幾年該趨勢將會一直延續。

3.大背景圖片將迅速替代輪播圖展現

若是你問當今最重要的Web設計趨勢是什麼，恐怕就是它了。

大背景圖片（Large hero areas），是從印刷設計中借來的專業術語，指包含少許文字內容、位於網站頂部的圖片。如今不少網站主頁都使用了大背景圖片，該趨勢也將在將來幾年一直存在。如今大背景圖片正在迅速佔據本來屬於輪播圖的位置。

大背景圖片有的以大標題爲中心，並配以簡單模糊的圖片爲背景，有的則是精心設計的插圖（如上圖所展現的Realtii.com網站的大背景圖片）。大背景圖片做爲新的關注點，正迅速取代輪播圖，並將愈來愈被精心設計，更具創造力。

4.對移動用戶體驗的專一度更強

如今響應式Web設計愈來愈廣泛，網站也正愈來愈貼近咱們的移動生活體驗。設計師正努力使網站能夠在移動設備上保持正常功能，開發者也正努力推動這一點，以知足愈來愈多設備能夠訪問Web，愈來愈多的用戶可使用他們的手機訪問Web。

融合社交媒體、提供郵件訂閱、藉助滾動條向下瀏覽網站、快速加載網站內容，均可加強移動Web的用戶體驗，使其更友好。

5.視頻代替文本文字

若是能夠觀看視頻，人們通常不會閱讀文字。在整個網站上，尤爲是大背景圖片區域，你最開始瀏覽的極可能是視頻。即使是像「Coin」這樣新的流行設備，也正在大背景圖片區域使用視頻展現內容。

視頻易製做，易於在網站及社交媒體上傳播。雖然有人可能質疑，視頻因在加載及播放過程當中會耗費大量資源，而不該放在網站的首頁，尤爲是在移動設備及有流量限制的互聯網上。在傳播某些用文字沒法表述清楚的技術及新鮮事物時，視頻是一個不錯的選擇。

同時，不少視頻服務，如YouTube，可追蹤觀看人數，有助於更好的爲網站設計內容。

6.長滾動網頁

咱們已經習慣了經過滾動頁面來閱讀和查找內容，如今隨着網站利用愈來愈多的設計技術，如增長空白區域、響應式Web設計，長滾動網站又開始出現了。

幾年之前，咱們會常常看到充斥着大量內容的長滾動頁面。現在，這種頁面中的內容進行了從新組織，更容易閱讀理解。以上圖所示的Macaw網站爲例，該網站的內容結構清晰，同時也是一個長滾動網頁。它看起來並不枯燥，由於整個網站的佈局作了調整，使大部分用戶在瀏覽時只專一於內容，而不會在乎已向下滾動了多長。

7.簡單配色方案

2014年，咱們將看到更多的網站採用簡單的配色方案，簡單到僅採用1、兩種顏色。

以UIKit爲例，該網站僅使用了一種顏色：藍色（在設計藝術領域，黑白不被看做顏色，屬於中立者）。簡單配色方案的使用彷佛與扁平設計同步發展，但並不絕對。該網站在總體設計中使用了大量藍色，這也是你惟一看到的顏色。

有些已發佈的網站甚至放棄了顏色的使用。黑色、白色及介於二者之間的顏色成爲流行的配色方案，有時還會增長一些其餘色彩，如紅色，以增長網站的戲劇性與影響力。正確使用配色方案，將有助於吸引用戶的注意力。

8.簡易的內容

2013彷佛是「內容爲王」的一年。2014年及將來，更簡單的內容仍將在咱們設計網站過程當中佔據重要位置。

所謂簡易內容，即內容的精簡概要，如Twitter中消息的風格。近幾年來，設計者放棄了長篇幅的文字內容，而是經過提供高度歸納的內容來知足人們專一時間的縮短。除了博文，咱們不多發現網站中某區域出現長於250字的內容介紹，這樣便於人們快速瀏覽與閱讀，

9.放棄使用側欄

這主要針對博客及雜誌樣式的網站，不過如今這些網站中不少正嘗試放棄使用側欄。這樣的好處有兩點，一是得到更好的視覺效果，二是有利於進行響應式Web開發。

設想一下：你正在閱讀一篇整齊、悅目，沒有任何其餘干擾信息的文章。設計師經過去除那些分散用戶注意力及擴展性的內容，努力打造更愉悅的閱讀體驗。這種是一種極受歡迎的改變，一種用戶指望繼續保持的趨勢。

10.修整圖片

將一張圖片放在網站上很容易，但對其進行修改使其不同凡響就稍有些困難了。2014年，咱們會看帶更多借助Instagram等PS專業工具修正後，帶有顏色疊加、濾鏡效果、模糊圖像等效果的圖片。

例如，Seattle Cider公司在大背景圖片區域使用了一張通過處理的大圖。這張圖體現了一種仿古、鄉村的風格體驗，與網站的其餘內容遙相呼應。

瘋狂、感性、更酷的設計風格

咱們但願該趨勢永遠不會過期。但願2014年在Web領域能夠看到更多新設計元素，如利用HTML5使用網站的不一樣部分充滿活力。正如 Tobi’s Story網站採用了很酷的展示方式。咱們喜歡酷的事物，更喜歡使用它。