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

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

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

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

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

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

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

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

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

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

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

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

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

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

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