優(yōu)秀設(shè)計(jì)和卓越設(shè)計(jì)之間的區(qū)別是比較小的。一般人可能無法解釋說明卓越的設(shè)計(jì)的具體差別，但他們可以找到自己喜歡的網(wǎng)頁設(shè)計(jì)作品。通過對照一下幾個(gè)優(yōu)秀作品，我總結(jié)了一下作為卓越設(shè)計(jì)的幾個(gè)細(xì)節(jié)差別。

內(nèi)容摘要

1、合理使用漸變

2、留白

3、網(wǎng)格布局

4、提高字體應(yīng)用

5、明確而有效的導(dǎo)航

6、設(shè)計(jì)漂亮、有用的頁腳

介紹

優(yōu)秀設(shè)計(jì)和卓越設(shè)計(jì)之間的區(qū)別是比較小的。一般人可能無法解釋說明卓越的設(shè)計(jì)的具體差別，但他們可以找到自己喜歡的網(wǎng)頁設(shè)計(jì)作品。通過對照一下幾個(gè)優(yōu)秀作品，我總結(jié)了一下作為卓越設(shè)計(jì)的幾個(gè)細(xì)節(jié)差別。

前不久，我寫過一篇卓越網(wǎng)站應(yīng)該遵循的4個(gè)設(shè)計(jì)原則。現(xiàn)在這篇文章有點(diǎn)像是上一篇文章的延續(xù)。在上一篇文章里面我們重點(diǎn)討論了對比、重復(fù)、對齊、分割在網(wǎng)頁中的應(yīng)用。以下內(nèi)容我以幾個(gè)優(yōu)秀的網(wǎng)頁作品作為實(shí)例，來說明卓越設(shè)計(jì)一直遵循的原則！

一、合理使用漸變

漸變不要濫用，更不要把漸變弄的跟彩虹似的，否則你的網(wǎng)頁作品看起來比較外行。總而言之，合理的使用漸變對于優(yōu)秀網(wǎng)站設(shè)計(jì)是有幫助的。

漸變、散景結(jié)合使用

Newism網(wǎng)站色彩豐富，但微妙的漸變與背景在視覺上結(jié)合的很到位。如果你也有興趣在photoshop里面做這個(gè)散景效果，可以去Abduzeedo’s tutorial網(wǎng)站上面學(xué)習(xí)一下。

漸變、投影、紋理結(jié)合使用。

OnWired網(wǎng)站應(yīng)用了這些設(shè)計(jì)技巧，顯而易見，他的設(shè)計(jì)作品效果是很棒的！自始自終OnWired網(wǎng)站設(shè)計(jì)在應(yīng)用漸變、投影、質(zhì)感這方面是恰到好處的。我也特別喜歡設(shè)計(jì)師設(shè)計(jì)的這些。

二、留白

留白一詞往往容易被誤解從字面解釋的空白。網(wǎng)頁設(shè)計(jì)較為準(zhǔn)確的描述則是網(wǎng)頁各個(gè)板塊元素之間的空間范圍。進(jìn)一步分析看看A List Apart是如何定義它的。

“留白”對于網(wǎng)頁設(shè)計(jì)是很重要的，留白不至于讓你頁面元素都堆積在一起。對于年輕設(shè)計(jì)師來說留白可能是一個(gè)大問題，他們在做設(shè)計(jì)的時(shí)候?qū)⒄麄€(gè)頁面放的滿滿的，沒有給頁面足夠的“呼吸空間”。這對于他們來說可能不是什么問題，如果內(nèi)容放不下的話，他們可以借助瀏覽器的滾條來擴(kuò)大頁面的空間。

優(yōu)秀的留白與巧妙的分割線

Snook網(wǎng)站布局方面設(shè)計(jì)的是比較合理、舒服的。同時(shí)注意一下，網(wǎng)站里面的虛線將各個(gè)板塊區(qū)分開了，這樣我們在瀏覽網(wǎng)站的時(shí)候就一目了然了。