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

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

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

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

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

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

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

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

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

所謂簡易內(nèi)容，即內(nèi)容的精簡概要，如Twitter中消息的風(fēng)格。近幾年來，設(shè)計者放棄了長篇幅的文字內(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)村的風(fēng)格體驗，與網(wǎng)站的其他內(nèi)容遙相呼應(yīng)。

瘋狂、感性、更酷的設(shè)計風(fēng)格

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

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