2014年網(wǎng)頁設(shè)計的15個趨勢（上）

設(shè)計趨勢總是令人捉摸不透，每年的網(wǎng)頁設(shè)計也都會出現(xiàn)很多新的變化，2014年，又有哪些新的設(shè)計趨勢值得關(guān)注呢？ AnyForWeb的設(shè)計師們在趨勢的把握上從未松懈過，從大量的網(wǎng)頁實(shí)例中發(fā)現(xiàn)設(shè)計范式，挖掘設(shè)計趨勢，并預(yù)測出2014年在網(wǎng)頁中會被廣泛應(yīng)用的15大設(shè)計趨勢。

1、超長網(wǎng)頁設(shè)計

以往的長網(wǎng)頁會擠滿內(nèi)容，我們習(xí)慣于下滑滾動網(wǎng)頁來獲取信息，但并非是擠滿內(nèi)容枯燥的長網(wǎng)頁，而是由更多的留白空間以及快速響應(yīng)技術(shù)合并而成的超長網(wǎng)頁設(shè)計。這樣的設(shè)計能使內(nèi)容組織更加有序，格式也更便于閱讀。我們調(diào)查發(fā)現(xiàn)，用戶更喜歡滾動而非點(diǎn)擊，所以AnyForWeb的品牌形象網(wǎng)站運(yùn)用了這一點(diǎn)，將故事性與用戶體驗相結(jié)合，讓單頁網(wǎng)站的超長滾動獲得了一致好評。

2、冷色調(diào)和鮮艷顏色的使用被廣泛接受

一直以來，冷色調(diào)、鮮艷的顏色與單一的顏色這三種顏色主題都廣受認(rèn)可，單從顏色上來講，這三種顏色風(fēng)格也并駕齊驅(qū)，所以具體使用哪一種顏色主題還是要根據(jù)不同的項目定位。

冷色調(diào)的使用

鮮艷顏色的使用

單一的顏色風(fēng)格

3、打破常規(guī)的排版

如今，規(guī)規(guī)矩矩的版式設(shè)計已經(jīng)很難吸引受眾了，打破常規(guī)的排版對于網(wǎng)站設(shè)計已經(jīng)越來越重要，突破人們視覺常規(guī)觀感的設(shè)計，不僅利于大家記憶，而且會獲得極大的社交網(wǎng)絡(luò)傳播。2014的網(wǎng)頁設(shè)計應(yīng)該更加注重個性化設(shè)計，獨(dú)特的風(fēng)格能體現(xiàn)出更現(xiàn)代化的風(fēng)尚。雜志化設(shè)計，建立在整齊而美觀的文字排版基礎(chǔ)之上，文字排版為內(nèi)容創(chuàng)建結(jié)構(gòu)和節(jié)奏感。

4、故事化設(shè)計

無數(shù)網(wǎng)頁之中，總有那么一些網(wǎng)站華麗而富有趣味性，在瀏覽時讓我們眼前一亮。它們在充分融入動畫、游戲、甚至是與眾不同的交互操作而使網(wǎng)站效果令人愛不釋手，讓網(wǎng)頁從平面變立體，從靜態(tài)變得有故事有情節(jié)。來看一下AnyForWeb為美國Walmart,Toys R Us及歐洲最大玩具進(jìn)口商Simba設(shè)計的有趣的網(wǎng)頁。

5、頁面自適應(yīng)技術(shù)（響應(yīng)式）

自適應(yīng)網(wǎng)頁設(shè)計在前幾年都已經(jīng)被提出，但是在近兩年才得到推廣與認(rèn)可，2014年響應(yīng)式的網(wǎng)頁設(shè)計將會頗受追捧，我們深信未來至少一年內(nèi)風(fēng)頭不減。隨著智能手機(jī)和平板電腦用戶不斷增加，使用移動設(shè)備訪問網(wǎng)站的用戶數(shù)量也會隨之壯大。因此，設(shè)計適用于不同屏幕分辯率的網(wǎng)頁至關(guān)重要。

6、運(yùn)用高清、真實(shí)的圖片

越來越多的網(wǎng)站選擇使用高質(zhì)量的大圖放在網(wǎng)站的首頁，以增強(qiáng)視覺沖擊力。高清大圖的使用是一種不過時的趨勢，當(dāng)然，使用大圖像要考慮帶寬流量和服務(wù)器問題，合理優(yōu)化是首要。圖片運(yùn)用真實(shí)化的，也能有效的提升客戶的信任感。網(wǎng)頁中的某一部分引入注目，大多數(shù)情況下也許是圖片起了作用。