關于網站設計的(de)新趨勢和(hé)風格

當下(xià)，網站開發、網頁設計越發不再那麽循規蹈矩，許多(duō)團隊和(hé)公司都做(zuò)了(le)很多(duō)思考和(hé)創意。下(xià)面我們就來(lái)看看現階段網頁設計大(dà)緻的(de)趨勢和(hé)風格吧。

1.響應式網頁設計

現在越來(lái)越多(duō)用(yòng)戶都擁有多(duō)種終端：台式機，筆記本，平闆電腦(nǎo)，手機，能夠适應不同尺寸顯示屏的(de)網頁是現在的(de)潮流，甚至是未來(lái)很長(cháng)一段時(shí)間的(de)設計趨勢。那麽響應式網頁設計就是來(lái)解決這(zhè)個(gè)問題的(de)。這(zhè)種特别的(de)開發方式能保證網頁适應不同的(de)分(fēn)辨率，讓網頁要素重組，使其無論在垂直的(de)平闆電腦(nǎo)還(hái)是智能手機上，都能達到最好的(de)視覺效果。

除了(le)多(duō)終端的(de)多(duō)樣化(huà)，我們還(hái)可(kě)以看到我們的(de)電腦(nǎo)屏幕，手機屏幕都在不斷變大(dà)，而在對(duì)未來(lái)生活的(de)預測、概念設計裏，“屏幕”這(zhè)個(gè)産物(wù)更是被運用(yòng)到多(duō)種新平台上。例如微軟發布的(de)“未來(lái)生活概念視頻(pín)”裏，廚房(fáng)、室内牆壁、辦公室玻璃牆面都成爲了(le)交互平台。所以我們可(kě)以發現，響應式網頁設計所具備的(de)良好的(de)适應性和(hé)可(kě)塑性，在未來(lái)的(de)網頁設計裏将占有舉足輕重的(de)位置。

 

2.全屏網頁設計

所謂設計不分(fēn)家，近年來(lái)平面設計裏“純淨”“留白”等概念也(yě)被互聯網設計吸取，爲了(le)更簡單明(míng)了(le)的(de)突出主體，提供更舒适的(de)感官感受，很多(duō)網站開始采用(yòng)全屏網頁設計，利用(yòng)精心挑選設計的(de)漂亮背景，加上合理(lǐ)的(de)頁面布局，視覺沖擊力大(dà)可(kě)很好的(de)吸引觀者注意。通(tōng)常頁面内的(de)文字内容不會特别多(duō)(所出現的(de)少量文字加上精美(měi)的(de)排版将會變得(de)更加吸引人(rén))，主要以圖片展示爲主。這(zhè)個(gè)樣子的(de)網站多(duō)用(yòng)于攝影(yǐng)團隊或個(gè)人(rén)作品集展示會比較常見。雖然簡單養眼，但是承載信息有限，公司部門的(de)主頁很少見這(zhè)樣的(de)設計。

 

3.視差滾動設計

視差設計可(kě)以說是近年來(lái)網頁設計中的(de)一大(dà)突破，也(yě)備受推崇。視差滾動是讓多(duō)層背景以不同速度滾動，以形成一種3D立體的(de)運動效果，給觀者帶來(lái)一種獨特的(de)視覺感受。

除此以外，鼠标滾輪的(de)流暢體驗，讓用(yòng)戶在觀看此類網站時(shí)有一種控制感，簡單來(lái)說這(zhè)是有響應的(de)交互體驗。就好像童年看到走馬燈，轉動它你就能看到人(rén)物(wù)動起來(lái)，還(hái)能欣賞故事。視差滾動設計的(de)趣味也(yě)在于此。所以無論是網站還(hái)是電商商品宣傳頁都經常采用(yòng)視差設計，吸引眼球也(yě)很受用(yòng)戶喜愛(ài)。

 

4.扁平化(huà)設計

扁平化(huà)設計可(kě)以說是去繁從簡的(de)設計美(měi)學。去掉所有裝飾性的(de)設計，可(kě)以說是對(duì)之前所推崇的(de)拟物(wù)化(huà)設計的(de)颠覆。我們不能妄加評論說這(zhè)是好還(hái)是不好，隻能說它提供了(le)一種新的(de)設計思維。扁平化(huà)設計是否會成爲将來(lái)的(de)趨勢我們也(yě)無法回答(dá)，盡管褒貶不一，備受争議(yì)，但是就現在來(lái)說它是當下(xià)的(de)一種潮流。

 

5.滾動偵測網頁設計

利用(yòng)CSS的(de)實現将導航欄固定在網頁頂部(大(dà)多(duō)數是頂部，當然也(yě)有側面或底部)，并将版面内容按照(zhào)導航順序垂直或橫向排布，使得(de)用(yòng)戶點擊相應導航tab時(shí)頁面自動滑到相應頁面，而若點擊内容，導航也(yě)将随之改變。這(zhè)樣的(de)網頁設計頁面基本不會跳轉，每一個(gè)tab所指向的(de)頁面内容也(yě)基本一屏顯示完整，所以在頁面呈現的(de)内容上會有所局限。爲不影(yǐng)響布局一般也(yě)會伴随自适應。

 

6.無限滾動模式

有一些網站内容很多(duō)，但他(tā)們并沒有簡單分(fēn)頁，而是采用(yòng)的(de)是一種垂直瀑布流的(de)方式布局。将那些内容垂直排布，當用(yòng)戶縱向滾動時(shí)，内容會不斷更新好像永無止境。這(zhè)樣的(de)瀑布流很早之前就開始流行，最早采用(yòng)該布局的(de)是pinterest。這(zhè)樣的(de)滾動頁面就大(dà)大(dà)減少了(le)分(fēn)頁的(de)數量，個(gè)人(rén)認爲對(duì)于這(zhè)類信息量大(dà)，每日更新數據快(kuài)的(de)網站是比較不錯的(de)方案。

 

通(tōng)過觀察這(zhè)些趨勢如何影(yǐng)響現代網站設計，或許可(kě)以爲網頁設計師帶去指引，發散出新想法。