|
原文：Current web style
我很高興看到2006年的網(wǎng)站設(shè)計比以往任何時候都要好。這并不僅僅是因為現(xiàn)在有更多的網(wǎng)站，因而可以找到更多長得不錯的。事實上還是有很多長得抱歉的。我想是因為有越來越多的網(wǎng)頁設(shè)計師比以往更懂得該如何做設(shè)計。
共同的特點：
近期惹人喜歡的網(wǎng)站都有下面的特征
- 布局簡單
- 中心定位
- 3D效果
- 柔和,自然的背景色
- 顏色鮮亮（要謹慎使用）
- 可愛的圖標（也要謹慎使用）
- 有許多留白
- 大字體
我們一個一個來說:
布局簡單
和幾年前相比，設(shè)計師們似乎正在尋找更加簡單的單欄或雙欄布局�？偟母杏X就是設(shè)計師們普遍認同簡單的頁面表現(xiàn)更好。閱讀這類頁面只需要從上看到下即可，你的眼睛不用在頁面上轉(zhuǎn)來轉(zhuǎn)去拼命尋找想要的東西。同時在瀏覽過程中它也提供更加平和、穩(wěn)定的瀏覽體驗。
中心定位
從上面的這些網(wǎng)站還可以發(fā)現(xiàn)第二個特點，它們的內(nèi)容都分布在中軸線附近。大概兩年前，你可以找到很多“流動布局”和“左對齊并固定寬度”的布局，現(xiàn)在內(nèi)容開始在出現(xiàn)在屏幕的中央。
左對齊的布局方式已經(jīng)不如以前常見了，流動布局（全屏）也沒有這么流行了。
盡可能在“一屏”以內(nèi)顯示更多的信息似乎是一直以來的至理名言（也就是盡可能不要滾屏）。而流動布局可以達到這一點。然而，現(xiàn)在我們似乎不太介意滾屏了，而且我們更樂意發(fā)揮由滾屏帶來的優(yōu)勢，比如更多的留白和行高。
有節(jié)制地使用3D效果
上面所有的網(wǎng)站都使用了一些很細致的斜面、給分隔條的邊緣來個輕微的倒角、給背景一點點空間感、或者使用一些很“跳”的帶著浮雕和陰影的圖標。倒影和漸變非常普遍，陰影也還在使用，不過非常小心。
到處都是帶著閃光圖案的商標：
柔和,自然的背景色
上面這些網(wǎng)站都有一個樸素的背景，最流行的就是白色和灰調(diào)漸變。這樣的背景提供了一個又酷又柔和又中立的環(huán)境，讓那些搶眼的顏色可以引導(dǎo)用戶的目光。
顏色鮮亮（要謹慎使用）
柔和、時髦的背景色為添加吸引眼球的特性提供了極好的基礎(chǔ)，而強色調(diào)高對比度非常適合頁面上的其他重要元素。
Iomega 比其他幾個網(wǎng)站用了更重的顏色，它的推廣區(qū)域使用了濃烈的暗紅色。然而這并沒有淹沒頁面上的其它部分，因為它采用了一致的色調(diào)和簡單的形狀。
可愛的圖標（也要謹慎使用）
有一個“規(guī)則”：不要在同一個頁面上使用太多好看的元素（這樣會影響用戶的注意力）。
搶眼的顏色、3D效果、漂亮的圖標和按鈕可以給頁面增加一些閃光點，給人一種高品質(zhì)的感受。但是，如果用濫了，就會產(chǎn)生一種疊加效應(yīng)，使頁面變得混亂，用戶變得迷惑。
有許多留白
今天的網(wǎng)頁設(shè)計風格非常之清新，仿佛剛剛經(jīng)歷了深呼吸一般。
有時候我甚至想把一些非常擁擠的網(wǎng)頁粘到氣球上，然后一直吹氣直到頁面上所有東西之前都有足夠的空隙。
我們的眼睛需要被注視物的周圍有一定的空間，這樣才能看清楚它是個什么玩意兒。
一般來說，留白越多越好。我極少看到一個頁面，然后會想：“唉，他們一定要再加點內(nèi)容上去才行！”。
當然，留“白”不一定是白的，但它必須留出一定的空間。
很高興地看到現(xiàn)在有很多設(shè)計都使用了合適大小留白，頁面上的元素之間有足夠的空隙。同時為了屏幕閱讀也設(shè)定了額外的行間距。
看看這些讓人舒服的留白吧！
大字體
我并不是說你網(wǎng)站上的所有文字都要大得讓人吃驚。事實上，在某些情境下，小字體也不錯。
讓重要的文字比一般的文字更大
就像我們在上面提到的設(shè)計方法一樣，它只有在一定的模式下使用才能起作用。如果所有的文字都很大，那就沒有一個是大的了。
用大字體讓你的訪客迅速地了解這個頁面是關(guān)于什么的，什么是重要的，并且指出接下來他們可以在哪里找到想要的東西。
下面的這些例子顯示了現(xiàn)代圖形設(shè)計技術(shù)的精彩。它們看起都很漂亮、干凈而且容易使用。
出處：
責任編輯：moby
上一頁 下一頁 當前的網(wǎng)站設(shè)計風格 [2]
|
第 1 頁 當前的網(wǎng)站設(shè)計風格 [1]
第 2 頁 
