很高興看到2006年的網(wǎng)站設(shè)計比以往任何時候都要好。這并不僅僅是因為現(xiàn)在有更多的網(wǎng)站,所以比較容易找到更多設(shè)計得不錯的,事實上還是有很多設(shè)計得不好的頁面。我認(rèn)為優(yōu)秀網(wǎng)頁越來越多是因為有更多的網(wǎng)頁設(shè)計師比以往更懂得該如何做設(shè)計。

  優(yōu)秀網(wǎng)頁設(shè)計的共同特點(diǎn)

  近期惹人喜歡的網(wǎng)站都有下面的特征:
  ?布局簡單
  ?中心定位
  ?3D效果
  ?柔和,自然的背景色
  ?顏色鮮亮(要謹(jǐn)慎使用)
  ?可愛的圖標(biāo)(也要謹(jǐn)慎使用)
  ?有許多留白
  ?大字體 

  下面我們一個一個來詳細(xì)剖析。

  布局簡單

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

  中心定位

  從上面的這些網(wǎng)站還可以發(fā)現(xiàn)第二個特點(diǎn),它們的內(nèi)容都分布在中軸線附近。大概兩年前,你可以找到很多“流動布局”和“左對齊并固定寬度”的布局,現(xiàn)在內(nèi)容開始在出現(xiàn)在屏幕的中央。

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

  左對齊的布局方式已經(jīng)不如以前常見了,流動布局(全屏)也沒有這么流行了。
盡可能在“一屏”以內(nèi)顯示更多的信息似乎是一直以來的至理名言(也就是盡可能不要滾屏)。而流動布局可以達(dá)到這一點(diǎn)。然而,現(xiàn)在我們似乎不太介意滾屏了,而且我們更樂意發(fā)揮由滾屏帶來的優(yōu)勢,比如更多的留白和行高。

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

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

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

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

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

  柔和、自然的背景色

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

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

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

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

  Iomega 比其他幾個網(wǎng)站用了更重的顏色,它的推廣區(qū)域使用了濃烈的暗紅色。然而這并沒有淹沒頁面上的其它部分,因為它采用了一致的色調(diào)和簡單的形狀。

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

  有一個“規(guī)則”:不要在同一個頁面上使用太多好看的元素(這樣會影響用戶的注意力)。
搶眼的顏色、3D效果、漂亮的圖標(biāo)和按鈕可以給頁面增加一些閃光點(diǎn),給人一種高品質(zhì)的感受。但是,如果用濫了,就會產(chǎn)生一種疊加效應(yīng),使頁面變得混亂,用戶變得迷惑。

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

  有許多留白

  今天的網(wǎng)頁設(shè)計風(fēng)格非常之清新,仿佛剛剛經(jīng)歷了深呼吸一般。
  有時候我甚至想把一些非常擁擠的網(wǎng)頁粘到氣球上,然后一直吹氣直到頁面上所有東西之前都有足夠的空隙。
  我們的眼睛需要被注視物的周圍有一定的空間,這樣才能看清楚它是個什么玩意兒。
  一般來說,留白越多越好。我極少看到一個頁面,然后會想:“唉,他們一定要再加點(diǎn)內(nèi)容上去才行!”。
  當(dāng)然,留“白”不一定是白的,但它必須留出一定的空間。
  很高興地看到現(xiàn)在有很多設(shè)計都使用了合適大小留白,頁面上的元素之間有足夠的空隙。同時為了屏幕閱讀也設(shè)定了額外的行間距。
  看看這些讓人舒服的留白吧!

2006年優(yōu)秀網(wǎng)頁設(shè)計風(fēng)格解析

  大字體

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

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

  就像我們在上面提到的設(shè)計方法一樣,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就沒有一個是大的了。
  用大字體讓你的訪客迅速地了解這個頁面是關(guān)于什么的,什么是重要的,并且指出接下來他們可以在哪里找到想要的東西。
  下面的這些例子顯示了現(xiàn)代圖形設(shè)計技術(shù)的精彩。它們看起都很漂亮、干凈而且容易使用。

 

相關(guān)文章

隨機(jī)推薦