網(wǎng)頁設計的8個趨勢

色塊設計

這一設計方法主要是引入了方塊的網(wǎng)格設計，這些方塊要么是純色塊配上文字，要么是方形照片配上文字。“簡潔”是吸引用戶的一大原因。不同的色塊放在一起形成強烈的對比，容易引起用戶的視覺興趣，進而繼續(xù)探索下去。

更多例子：

• http://dynamit.us/
• http://lithium.com/
• http://landor.com/
• http://www.pepsi.com/

超大號的圖片

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

更多例子：

• http://www.zennaware.com/cornerstone/index.php
• http://panic.com/
• http://versionsapp.com/
• http://www.piictu.com/
• http://www.enstore.com/

聚焦簡潔

對簡潔的追求貫穿了整個2012年，許多的網(wǎng)站開始尋求明快、直觀的設計。極簡設計旨在通過整合或是刪除多余的頁面實現(xiàn)簡化，只給用戶需要的東西。極簡設計通常會用到大號的加粗字體、以及超大號的圖片，清晰地把重要的東西傳達出來。

更多例子：

• http://basecamp.com/
• https://www.dropbox.com/
• http://www.checkoutapp.com/
• http://www.htc.com/

響應式設計

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

更多例子：

• http://www.nealite.fr/
• http://twitter.github.com/bootstrap/
• http://www.fork-cms.com/
• http://www.floridahospital.com/

視差滾動

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

更多例子：

• http://benthebodyguard.com/index.php
• http://www.tokiolab.it/#/
• http://chartbeat.com/
• http://inze.it/
• http://titanic.q-music.be/
• http://www.noleath.com/noleath/

強調字體

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

更多例子：

• http://nicehair.org/
• http://bitfoundry.ca/
• http://daneden.me/type/

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