2014年10大網(wǎng)頁設計趨勢

2013悄然離去，2014已來到我們面前。2013年伊始，著名互聯(lián)網(wǎng)資訊網(wǎng)站The Next Web對2013年Web設計領域的十大趨勢做了預測，如響應式設計、排版的重要性、空白區(qū)域設計及與社交網(wǎng)絡整合等。2014年，web設計領域?qū)⒂惺裁礃拥淖兓?、怎樣的設計趨勢？The Next Web同樣進行了預測。下面是該網(wǎng)站給出的2014年10大Web設計趨勢預測結果。

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

長期以來，Apple一直引領著設計的時代潮流，它所做的任何事情，都會引來世界的追隨。iOS7發(fā)布不久，每天都會有很多具有“扁平化設計”風格的網(wǎng)站上線。不限于2014年，我們相信未來幾年該趨勢將會一直延續(xù)。

現(xiàn)在響應式Web設計越來越普遍，網(wǎng)站也正越來越貼近我們的移動生活體驗。設計師正努力使網(wǎng)站可以在移動設備上保持正常功能，開發(fā)者也正努力推進這一點，以滿足越來越多設備可以訪問Web，越來越多的用戶可以使用他們的手機訪問Web。

融合社交媒體、提供郵件訂閱、借助滾動條向下瀏覽網(wǎng)站、快速加載網(wǎng)站內(nèi)容，都可增強移動Web的用戶體驗，使其更友好。

我們已經(jīng)習慣了通過滾動頁面來閱讀和查找內(nèi)容，現(xiàn)在隨著網(wǎng)站利用越來越多的設計技術，如增加空白區(qū)域、響應式Web設計，長滾動網(wǎng)站又開始出現(xiàn)了。

幾年以前，我們會經(jīng)?？吹匠涑庵罅績?nèi)容的長滾動頁面。如今，這種頁面中的內(nèi)容進行了重新組織，更容易閱讀理解。以上圖所示的Macaw網(wǎng)站為例，該網(wǎng)站的內(nèi)容結構清晰，同時也是一個長滾動網(wǎng)頁。它看起來并不枯燥，因為整個網(wǎng)站的布局做了調(diào)整，使大部分用戶在瀏覽時只專注于內(nèi)容，而不會在意已向下滾動了多長。

2013似乎是“內(nèi)容為王”的一年。2014年及未來，更簡單的內(nèi)容仍將在我們設計網(wǎng)站過程中占據(jù)重要位置。

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

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

例如，Seattle Cider公司在大背景圖片區(qū)域使用了一張經(jīng)過處理的大圖。這張圖體現(xiàn)了一種仿古、鄉(xiāng)村的風格體驗，與網(wǎng)站的其他內(nèi)容遙相呼應。

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

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

原文內(nèi)容來自：The Next Web