2014年10大Web設計趨勢

　　2013悄然離去，2014已來到我們面前。去年伊始，The Next Web對2013年Web設計領域的十大趨勢做了預測，如響應式設計、排版的重要性、空白區域設計及與社交網路整合等。2014年，該領域又將迎來哪些新的發展變化？The Next Web同樣進行了預測。下面是該網站給出的2014年10大Web設計趨勢預測結果。

　　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年，我們將看到更多的網站採用簡單的配色方案，簡單到僅採用一、兩種顏色。

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

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

　　8.簡易的內容

　　2013似乎是“內容為王”的一年。2014年及未來，更簡單的內容仍將在我們設計網站過程中佔據重要位置。

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

　　9.放棄使用側欄

　　這主要針對部落格及雜誌樣式的網站，不過現在這些網站中很多正嘗試放棄使用側欄。這樣的好處有兩點，一是獲得更好的視覺效果，二是有利於進行響應式Web開發。

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

　　10.修整圖片

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

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

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

　　我們希望該趨勢永遠不會過時。希望2014年在Web領域可以看到更多新設計元素，如利用HTML5使用網站的不同部分充滿活力。正如 Tobi’s Story網站採用了很酷的展現方式。我們喜歡酷的事物，更喜歡使用它。

　　來自：The Next Web