2014年10大Web設計趨勢

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開發。


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


10.修整圖片


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


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


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




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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章