原文地址：web2.0 design style guide

本教程中將詳細闡述傳統的圖形設計元素是如何應用在現代（2.0時代）的頁面設計中的，然后我將解釋為什么它們能流行開來，以及如何、何時、在哪里使用這些元素。相關的理論都是建立在“傳統樣式”這篇文章的基礎上，在這里只是針對如何將之應用到當前的web2.0中做了更深的分析而已。

這里先羅列當前的一些典型”web2.0′站點的風格特征，當然，一個站點沒必要將這些元素都發揮到極致，并且即使用上了這些元素，也不能讓你的設計看上去就像2.0了：

1.  簡約的界面風格

2.  嚴謹的中軸布局

3.  精煉的內容分列

4.  獨立的頂部版塊

5.  鮮明的版塊劃分

6.  簡明的站點導航

7.  醒目的logo標志

8.  大號的字體應用

9.  易讀的文本介紹

10.亮麗的顏色搭配

11.友好的視覺感受

12.柔和的顏色漸變

13.晶瑩的拋光效果

14.精致的頁面圖標

15.靈動的星形標志

這些設計風格并不是在所有場合都有效，凡事總有例外的。所以肯定存在一些錯誤地、過度地、沒經過思考就使用這些元素的反面教材。僅僅將它們全都揉合在一起可不能為你創造出一個好的頁面設計來，就像將雞蛋、糖及面粉攪和在一起可不能馬上就得到個蛋糕。

設計網頁需要一種能將各種元素巧妙的融合在一起的能力，而且大多數時候它們都是相對的，而一個好的頁面設計當然就是平衡了各種元素的方案了。

web 2.0?

我使用“web 2.0設計”來描述一種當前很流行的頁面設計方案，而有很多人將web 2.0描述為：

1.網絡經濟的復興；

2.網站與服務之間更高級別的交互技術；

3.或者是一種建立在當前在線社區及社會化網絡之上的社會現象。

還有一些人將這個術語用在最近的網頁設計教學中，我覺得這個語義很符合我這里用的感覺。

引言—— 簡約：返璞歸真的設計風格

接下來我們開始體驗當前最流行的各種頁面設計風格及要素，并為你分析為何它們每個都那么成功，最后當然是教你如何在自己的站點里使用它們了。如果要我用一個詞來總結web 2.0設計，我會選擇”簡約”。我覺得“簡約”是未來設計的發展方向，當今這些簡單、醒目、優雅的頁面用更少的元素傳遞了更多的信息：

1.它讓設計師能從網站的功能出發，避免用戶被無用視覺元素干擾，引導用戶一步步的使用這些功能；

2.它用更少的話去表達更多的含義，這樣就要求每張圖片都必須經過精心選擇以達到所需要的效果；

3.它顛覆了我們無法預測用戶需求的觀點。

下一節我們將談談如何設計頁面