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

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

1、超長(zhǎng)網(wǎng)頁(yè)設(shè)計(jì)

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

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

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

冷色調(diào)的使用

鮮艷顏色的使用

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

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

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

4、故事化設(shè)計(jì)

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

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

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

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

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