網(wǎng)站設(shè)計公司weavora.com介紹了在他們眼里 8 個 Web 設(shè)計趨勢：單頁面、用照片做背景、色塊設(shè)計、超大號的圖片、聚焦簡潔、響應式設(shè)計、視差滾動、強調(diào)字體，每個趨勢后面都附了數(shù)個案例，相信對網(wǎng)站設(shè)計師會有一定的參考價值。

　　像蘋果網(wǎng)站的單頁面

　　單個長頁面的設(shè)計一度不受人待見(無論是客戶還是設(shè)計師)，但現(xiàn)在整個網(wǎng)絡(luò)隨處可見。一個合理的解釋是，用戶現(xiàn)在早已習慣于使用鼠標滾輪了，比起在多個頁面間來回查看，用滾輪上下瀏覽要省事得多。

　　包括蘋果在內(nèi)的一些知名大公司也使用了相當長的頁面來展示產(chǎn)品，獲得了很不錯的效果。

　　Apple

　　Visualboxsite

　　Versapay

　　Fitbit

　　Cageapp

　　Squarespace

　　用品牌、商品照片做背景

　　出于品牌或展示的目的，把照片用做網(wǎng)站的背景，這樣可以形成強烈的視覺表達效果。這也是為何你能在時尚、服裝品牌、旅游業(yè)等等行業(yè)看到這樣的設(shè)計辦法。

　　Alexarts

　　Davidia

　　色塊方格設(shè)計

　　這一設(shè)計方法主要是引入了方塊的網(wǎng)格設(shè)計，這些方塊要嘛是純色塊配上文字，要嘛是方形照片配上文字。

　　「簡潔」是吸引用戶的一大原因，而不同的色塊放在一起形成強烈的對比，容易引起用戶的視覺興趣，進而繼續(xù)探索下去。

　　Dynamit

　　Lithium

　　Landor

　　Pepsi

　　超大號的圖片

　　這一潮流的興起，多少與 Mac OS X 圖標設(shè)計的流行有關(guān)。當工程師為自己的 Mac 程序推出網(wǎng)站時，這樣配有超大號圖片、突出品牌的設(shè)計再常見不過。自然地，這一潮流后來也被 iOS 開發(fā)者繼承了下來，成為現(xiàn)代設(shè)計文化的一部分。

　　Zennaware

　　Panic

　　Versionsapp

　　Piictu

　　Enstore

　　聚焦簡潔

　　對簡潔的追求貫穿了整個2012年，許多的網(wǎng)站開始尋求明快、直觀的設(shè)計。

　　極簡設(shè)計旨在透過整合或是刪除多余的頁面實現(xiàn)簡化，只給用戶需要的東西。極簡設(shè)計通常會用到大號的加粗字體、超大號的圖片，清晰地把重要的東西傳達出來。

　　Basecamp

　　Dropbox

　　Checkoutapp

　　HTC

　　響應式設(shè)計(Responsive web design)

　　隨著手機和平板設(shè)備越來越多地進入人們的生活，響應式設(shè)計也成為了當下網(wǎng)站開發(fā)不可忽視的一股力量。一個可自適應任何設(shè)備的網(wǎng)頁是很了不起的，響應式設(shè)計能確保用戶無論是在行動裝置，或者在 PC 上都能按你的意愿瀏覽內(nèi)容。

　　Nealite

　　Twitter-Github

　　Fork-cms

　　Floridahospital

　　視差滾動

　　所謂「視差滾動」(Parallax Scrolling)就是讓多層背景，以不同的速度移動，形成運動視差 3D 效果。隨著越來越多的瀏覽器增加對視差的支持，這一技術(shù)也很有可能會更加流行。

　　Benthebodyguard

　　Tokiolab

　　Chartbeat

　　Inze

　　Titanic

　　Noleath

　　強調(diào)字體

　　從前，設(shè)計師所能使用的字體，受用戶計算機本地已有的字體所限;現(xiàn)在，借助 Google fonts 和 Typekit 等服務(wù)，從理論上說，你能使用的字體是無限多的，極大增強了網(wǎng)站設(shè)計的吸引力。設(shè)計師利用這一機會也已有了一段時間了，越來越多的網(wǎng)站也體現(xiàn)了對字體的重視;甚至有些網(wǎng)站如 Typographica，字體就占了整個網(wǎng)站設(shè)計的絕大部分，出來的效果也相當不錯。

　　Nicehair

　　Bitfoundry

　　Daneden

　　相信以上的這些設(shè)計方法會流行相當長的一段時間，當然，你也可以發(fā)揮創(chuàng)造力，有機地組合它們，做出優(yōu)秀的網(wǎng)站。

　　來源：TechOrange