它總結(jié)了一些當(dāng)前網(wǎng)站設(shè)計(jì)風(fēng)格的發(fā)展趨勢(shì),。但是我得先提一句，它說(shuō)的都是西方網(wǎng)站,，未必適合我們中國(guó)網(wǎng)站的情況和中國(guó)網(wǎng)民的審美觀,。如果能給你一點(diǎn)點(diǎn)參考和借鑒的價(jià)值，就足夠了,。

————–Enjoy,！————–

我很高興看到2006年的網(wǎng)站設(shè)計(jì)比以往任何時(shí)候都要好。這并不僅僅是因?yàn)楝F(xiàn)在有更多的網(wǎng)站,，因而可以找到更多長(zhǎng)得不錯(cuò)的,。事實(shí)上還是有很多長(zhǎng)得抱歉的。我想是因?yàn)橛性絹?lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師比以往更懂得該如何做設(shè)計(jì),。

下面的這些例子顯示了現(xiàn)代圖形設(shè)計(jì)技術(shù)的精彩,。它們看起都很漂亮、干凈而且容易使用,。

最熱門(mén)的

我并不是說(shuō)下面這些就是最好的,，但它們是典型：

? The Alternative Energy Store

? Gr0w collective

? Forecast Advisor

?

?

? Save Longstone Edge

?

? linkedin.com

? mozilla.org

? Rapid Mortgages

?

? Prolotize

共同的特點(diǎn)

以上這些網(wǎng)站都有下面的特征：

• 布局簡(jiǎn)單
• 中心定位
• 3D效果
• 柔和,自然的背景色
• 顏色鮮亮（要謹(jǐn)慎使用）
• 可愛(ài)的圖標(biāo)（也要謹(jǐn)慎使用）
• 有許多留白
• 大字體

我們一個(gè)一個(gè)來(lái)說(shuō)。

布局簡(jiǎn)單

和幾年前相比,，設(shè)計(jì)師們似乎正在尋找更加簡(jiǎn)單的單欄或雙欄布局,。總的感覺(jué)就是設(shè)計(jì)師們普遍認(rèn)同簡(jiǎn)單的頁(yè)面表現(xiàn)更好,。閱讀這類(lèi)頁(yè)面只需要從上看到下即可,，你的眼睛不用在頁(yè)面上轉(zhuǎn)來(lái)轉(zhuǎn)去拼命尋找想要的東西。同時(shí)在瀏覽過(guò)程中它也提供更加平和,、穩(wěn)定的瀏覽體驗(yàn),。

中心定位

從上面的這些網(wǎng)站還可以發(fā)現(xiàn)第二個(gè)特點(diǎn)，它們的內(nèi)容都分布在中軸線(xiàn)附近,。

大概兩年前,，你可以找到很多“流動(dòng)布局”和“左對(duì)齊并固定寬度”的布局，現(xiàn)在內(nèi)容開(kāi)始在出現(xiàn)在屏幕的中央,。

左對(duì)齊的布局方式已經(jīng)不如以前常見(jiàn)了,，流動(dòng)布局（全屏）也沒(méi)有這么流行了。

盡可能在“一屏”以?xún)?nèi)顯示更多的信息似乎是一直以來(lái)的至理名言（也就是盡可能不要滾屏）,。而流動(dòng)布局可以達(dá)到這一點(diǎn),。然而，現(xiàn)在我們似乎不太介意滾屏了,，而且我們更樂(lè)意發(fā)揮由滾屏帶來(lái)的優(yōu)勢(shì),，比如更多的留白和行高,。

有節(jié)制地使用3D效果

上面所有的網(wǎng)站都使用了一些很細(xì)致的斜面、給分隔條的邊緣來(lái)個(gè)輕微的倒角,、給背景一點(diǎn)點(diǎn)空間感,、或者使用一些很“跳”的帶著浮雕和陰影的圖標(biāo)。倒影和漸變非常普遍,，陰影也還在使用,，不過(guò)非常小心。

到處都是帶著閃光圖案的商標(biāo)：

柔和,自然的背景色

上面這些網(wǎng)站都有一個(gè)樸素的背景,，最流行的就是白色和灰調(diào)漸變,。這樣的背景提供了一個(gè)又酷又柔和又中立的環(huán)境，讓那些搶眼的顏色可以引導(dǎo)用戶(hù)的目光,。

顏色鮮亮（要謹(jǐn)慎使用）

柔和,、時(shí)髦的背景色為添加吸引眼球的特性提供了極好的基礎(chǔ)，而強(qiáng)色調(diào)高對(duì)比度非常適合頁(yè)面上的其他重要元素,。

Iomega比其他幾個(gè)網(wǎng)站用了更重的顏色,，它的推廣區(qū)域使用了濃烈的暗紅色。然而這并沒(méi)有淹沒(méi)頁(yè)面上的其它部分,，因?yàn)樗捎昧艘恢碌纳{(diào)和簡(jiǎn)單的形狀,。

可愛(ài)的圖標(biāo)（也要謹(jǐn)慎使用）

有一個(gè)“規(guī)則”：不要在同一個(gè)頁(yè)面上使用太多好看的元素（這樣會(huì)影響用戶(hù)的注意力）。（譯者注：所謂適可而止）

搶眼的顏色,、3D效果,、漂亮的圖標(biāo)和按鈕可以給頁(yè)面增加一些閃光點(diǎn),，給人一種高品質(zhì)的感受,。但是，如果用濫了,，就會(huì)產(chǎn)生一種疊加效應(yīng),，使頁(yè)面變得混亂，用戶(hù)變得迷惑,。

有許多留白

今天的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格非常之清新,，仿佛剛剛經(jīng)歷了深呼吸一般

有時(shí)候我甚至想把一些非常擁擠的網(wǎng)頁(yè)粘到氣球上，然后一直吹氣直到頁(yè)面上所有東西之前都有足夠的空隙,。

我們的眼睛需要被注視物的周?chē)幸欢ǖ目臻g,，這樣才能看清楚它是個(gè)什么玩意兒。

一般來(lái)說(shuō),，留白越多越好,。我極少看到一個(gè)頁(yè)面，然后會(huì)想：“唉,，他們一定要再加點(diǎn)內(nèi)容上去才行,！”,。

當(dāng)然，留“白”不一定是白的,，但它必須留出一定的空間,。

很高興地看到現(xiàn)在有很多設(shè)計(jì)都使用了合適大小留白，頁(yè)面上的元素之間有足夠的空隙,。同時(shí)為了屏幕閱讀也設(shè)定了額外的行間距,。

看看這些讓人舒服的留白吧！

大字體

我并不是說(shuō)你網(wǎng)站上的所有文字都要大得讓人吃驚,。事實(shí)上,，在某些情境下，小字體也不錯(cuò),。

真正優(yōu)秀的設(shè)計(jì)應(yīng)該是這樣：

讓重要的文字比一般的文字更大

就像我們?cè)谏厦嫣岬降脑O(shè)計(jì)方法一樣,，它只有在一定的模式下使用才能起作用。如果所有的文字都很大,，那就沒(méi)有一個(gè)是大的了,。

用大字體讓你的訪(fǎng)客迅速地了解這個(gè)頁(yè)面是關(guān)于什么的，什么是重要的,，并且指出接下來(lái)他們可以在哪里找到想要的東西,。