對于許多優(yōu)秀網(wǎng)頁設(shè)計作品都有一些共性，作為網(wǎng)頁設(shè)計師我們必須要掌握這些設(shè)計技巧，比如頁面的留白，文字的選擇，元素的組合，像素效果的使用等等!這里我們一共總結(jié)出七種常見的設(shè)計技巧，對于網(wǎng)頁設(shè)計師來說可以在許多網(wǎng)站中看到這些技巧的體現(xiàn)!

　　“高品質(zhì)”是所有人追求的目標(biāo)，在網(wǎng)頁設(shè)計的世界中也不例外。不過何為“品質(zhì)”，如何判斷一項設(shè)計的品質(zhì)是好還是壞?筆者恰好有一套找出網(wǎng)頁設(shè)計中品質(zhì)焦點(diǎn)的方法。一旦你了解到如何判斷一項高品質(zhì)的設(shè)計究竟好在哪里，你就掌握了讓自己的設(shè)計更趨完美的大量技巧。

　　這里，中國設(shè)計網(wǎng)為大家列一些要點(diǎn)，并附上相應(yīng)的例子，分享在其他優(yōu)秀網(wǎng)頁設(shè)計中尋找“高品質(zhì)”的過程。

　　1、留白

　　在好的網(wǎng)頁設(shè)計中我最留意的是那些對設(shè)計元素之間留白的聰明運(yùn)用。留心不同內(nèi)容區(qū)塊之間的間距和排列方式，能讓你的設(shè)計的整體感官大不一樣，從而提升設(shè)計的品質(zhì)。

　　我覺得處理好留白的關(guān)鍵是從整體上感知設(shè)計元素。把設(shè)計稿縮小觀看會是個好辦法。

　　出色的留白處理的實例：Good.Is

　　頁面整潔而有開放感，全都得益于設(shè)計師對文字和圖像之間留白量的準(zhǔn)確把握。

　　Digital Mash

　　在大空白上展示的元素往往更具吸引力。Digital Mash的網(wǎng)站創(chuàng)造了極佳的親和力。

　　Creatica Daily的大量空白

　　優(yōu)秀的留白運(yùn)用又一次讓網(wǎng)頁內(nèi)容成為焦點(diǎn)。每篇文章中都有大量內(nèi)容，不過該站點(diǎn)的設(shè)計師們并不憚于給這么多內(nèi)容之間填上大量留白。并不是說你的文字不夠多，就不能用很多留白。

　　Postbox上也有很多空白

　　仔細(xì)觀察Postbox的網(wǎng)站，你能看到邊緣處的留白應(yīng)該如何處理。它的方框邊緣有60像素的邊內(nèi)留白。聽起來似乎挺大的，實際看起來效果卻好極了。

　　留白時的錯誤

　　大家在設(shè)計留白時的最常見問題就是各個區(qū)塊的內(nèi)容到邊緣距離太小。不論你的設(shè)計多么有風(fēng)格，如果你硬要把東西塞得緊緊的，這些風(fēng)格連同設(shè)計的品質(zhì)，就都流失了。

　　留白不夠的例子

　　我們已經(jīng)看到PostBox的網(wǎng)站那些大留白創(chuàng)造了多么動人的效果，所以下面我們修改一下它的頁面，看看減少留白會是什么效果。品質(zhì)感明顯下降了。留白的影響就有這么大。

　　高效控制留白的技巧

　　各種不同情況下，留白要求都不盡相同。你需要不斷訓(xùn)練自己，做到對留白所能帶來的改變時刻心中有數(shù)，從而有效地利用留白滿足設(shè)計需求。這要靠個人感覺的，不過都能從實踐中鍛煉出來。

　　使用網(wǎng)格輔助設(shè)計：利用網(wǎng)格當(dāng)然能幫助你理解元素之間的空白。

　　不斷嘗試：不斷嘗試—失敗—嘗試，直到找到最佳方案。

　　留白并不是浪費(fèi)空間：空白并不總是等著你去填充的。

　　沒錯，少就是多：與其用盡心思填滿某個區(qū)域，不如就把它留空，只保留至關(guān)重要的信息就好。

　　有一個方法能夠看出某人在完成一項網(wǎng)頁設(shè)計時是否真的用心了。有時候創(chuàng)造奇跡的就是一些小細(xì)節(jié)，一些別人幾乎無法察覺的細(xì)節(jié)。我所說的 “像素級的完美”就是指在線條、邊緣和邊框描邊上仔細(xì)推敲。與其就用一條單一的線，不如多加一些細(xì)節(jié)。細(xì)節(jié)可以是細(xì)微的漸變，也完全可以只是一條1像素寬 的細(xì)線(用作表現(xiàn)陰影或高光)。有了這些細(xì)節(jié)， 你的設(shè)計會大不一樣。有些設(shè)計師在這方面特擅長：Collis Ta’eed，David Leggett以及Wolfgang Bartelme。