Published by 承志 十月 26th, 2006. (原始連結出自淘寶UI Team:http://www.uiplanet.com/taobao/2006/10/26/current-web-style/)
這篇文章翻譯至：http://www.webdesignfromscratch.com/current-style.cfm
它總結了一些當前網站設計風格的發展趨勢。但是我得先提一句，它說的都是西方網站，未必適合我們中國網站的情況和中國網民的審美觀。如果能給你一點點參考和借鑒的價值，就足夠了。
————–Enjoy！————–
我很高興看到2006年的網站設計比以往任何時候都要好。這並不僅僅是因為現在有更多的網站，因而可以找到更多長得不錯的。事實上還是有很多長得抱歉的。我想是因為有越來越多的網頁設計師比以往更懂得該如何做設計。
下面的這些例子顯示了現代圖形設計技術的精彩。它們看起都很漂亮、干淨而且容易使用。
最熱門的
我並不是說下面這些就是最好的，但它們是典型：
» The Alternative Energy Store
共同的特點
以上這些網站都有下面的特征：
布局簡單
中心定位
3D效果
柔和,自然的背景色
顏色鮮亮（要謹慎使用）
可愛的圖標（也要謹慎使用）
有許多留白
大字體
我們一個一個來說。
布局簡單
和幾年前相比，設計師們似乎正在尋找更加簡單的單欄或雙欄布局。總的感覺就是設計師們普遍認同簡單的頁面表現更好。閱讀這類頁面只需要從上看到下即可，你的眼睛不用在頁面上轉來轉去拼命尋找想要的東西。同時在瀏覽過程中它也提供更加平和、穩定的瀏覽體驗。
中心定位
從上面的這些網站還可以發現第二個特點，它們的內容都分布在中軸線附近。
大概兩年前，你可以找到很多“流動布局”和“左對齊並固定寬度”的布局，現在內容開始在出現在屏幕的中央。
左對齊的布局方式已經不如以前常見了，流動布局（全屏）也沒有這麼流行了。
盡可能在“一屏”以內顯示更多的信息似乎是一直以來的至理名言（也就是盡可能不要滾屏）。而流動布局可以達到這一點。然而，現在我們似乎不太介意滾屏了，而且我們更樂意發揮由滾屏帶來的優勢，比如更多的留白和行高。
有節制地使用3D效果
上面所有的網站都使用了一些很細致的斜面、給分隔條的邊緣來個輕微的倒角、給背景一點點空間感、或者使用一些很“跳”的帶著浮雕和陰影的圖標。倒影和漸變非常普遍，陰影也還在使用，不過非常小心。
到處都是帶著閃光圖案的商標：
柔和,自然的背景色
上面這些網站都有一個樸素的背景，最流行的就是白色和灰調漸變。這樣的背景提供了一個又酷又柔和又中立的環境，讓那些搶眼的顏色可以引導用戶的目光。
顏色鮮亮（要謹慎使用）
柔和、時髦的背景色為添加吸引眼球的特性提供了極好的基礎，而強色調高對比度非常適合頁面上的其他重要元素。
Iomega比其他幾個網站用了更重的顏色，它的推廣區域使用了濃烈的暗紅色。然而這並沒有淹沒頁面上的其它部分，因為它采用了一致的色調和簡單的形狀。
可愛的圖標（也要謹慎使用）
有一個“規則”：不要在同一個頁面上使用太多好看的元素（這樣會影響用戶的注意力）。（譯者注：所謂適可而止）
搶眼的顏色、3D效果、漂亮的圖標和按鈕可以給頁面增加一些閃光點，給人一種高品質的感受。但是，如果用濫了，就會產生一種疊加效應，使頁面變得混亂，用戶變得迷惑。
有許多留白
Today’s web designs are so fresh, they feel like they’ve taken a deep breath.
有時候我甚至想把一些非常擁擠的網頁粘到氣球上，然後一直吹氣直到頁面上所有東西之前都有足夠的空隙。
我們的眼睛需要被注視物的周圍有一定的空間，這樣才能看清楚它是個什麼玩意兒。
一般來說，留白越多越好。我極少看到一個頁面，然後會想：“唉，他們一定要再加點內容上去才行！”。
當然，留“白”不一定是白的，但它必須留出一定的空間。
很高興地看到現在有很多設計都使用了合適大小留白，頁面上的元素之間有足夠的空隙。同時為了屏幕閱讀也設定了額外的行間距。
看看這些讓人舒服的留白吧！
大字體
我並不是說你網站上的所有文字都要大得讓人吃驚。事實上，在某些情境下，小字體也不錯。
真正優秀的設計應該是這樣：
讓重要的文字比一般的文字更大
就像我們在上面提到的設計方法一樣，它只有在一定的模式下使用才能起作用。如果所有的文字都很大，那就沒有一個是大的了。
用大字體讓你的訪客迅速地了解這個頁面是關於什麼的，什麼是重要的，並且指出接下來他們可以在哪裡找到想要的東西。
沒有留言:
張貼留言