前一陣子 維基百科的Web2.0條目 包含了一節(jié)內(nèi)容，專門描述Web 2.0的視覺元素，講述了漸變色、絢麗的圖標(biāo)、反射效果、陰影以及大號字體等等。

但是幾天之后維基人投票決定撤掉“視覺元素”這一部分。推究其原因，可能是Web 2.0的特性不能通過一系列的視覺規(guī)則來精確地定義。如果 Web 2.0 被理解為一種 內(nèi)容生成和發(fā)布的途徑 ，那就沒必要將其禁錮在視覺效果的框框里。

盡管如此，事實上大多數(shù) Web 2.0 網(wǎng)站都有某種獨特的藝術(shù)風(fēng)格。也許維基人覺得這不屬于Web 2.0的討論范疇，但我卻認(rèn)為這十分必要。讓我們開始 Web 2.0 的視覺之旅，看看所謂“Web 2.0風(fēng)格”起著怎樣的作用。

請相信我是Web 2.0

完美的 Web 2.0 依靠著訪問者的力量。用戶可以為Web服務(wù)制造內(nèi)容，通過流行的點對點方式像“病毒”一樣傳播，并依照他們的意愿和喜好來提高內(nèi)容的質(zhì)量。

但是要讓訪問者為Web應(yīng)用程序付出時間和內(nèi)容，首先需要讓他們相信你。為獲取人們的信任，絕大多數(shù) Web 2.0 網(wǎng)站都通過絕妙的設(shè)計給我們帶來了友好、親切的印象。

春風(fēng)又綠江南岸

明快的顏色得到了 Web 2.0 網(wǎng)站的青睞。大部分 Web 2.0 網(wǎng)站不約而同地采用了綠色，但是深藍(lán)、橙色和粉紅色也十分人氣。濃重的主色調(diào)表明了幽默的態(tài)度，也有助于人們迅速注意到頁面上的重要元素。

圓角革命

新的CSS技術(shù)支持圓角，使得圓角風(fēng)格再次風(fēng)靡世界。友好的圓角風(fēng)格奠定了許多 Web 2.0 網(wǎng)站的舒適、通俗的基調(diào)。FontShop有一篇 分析Web 2.0 圖標(biāo)的精彩文章 ，表明了圓角字體已成為流行趨勢。它為一個公司的視覺形象帶來了十分現(xiàn)代的風(fēng)格。

免費無處不在

如果你已吸引訪問者注冊了你的應(yīng)用程序，那么你應(yīng)當(dāng)毫不吝惜地送他們免費的賬戶。幾乎所有的 Web 2.0 網(wǎng)站都將主要的經(jīng)費奉獻(xiàn)給了一條消息——“我們提供免費服務(wù)”。若這條信息出現(xiàn)在無處不在的星形標(biāo)記中就更好了。

照片為大忌

在 Web 2.0 網(wǎng)站上，你找不到任何照片——那是小公司模仿大企業(yè)的伎倆。簡潔的圖標(biāo)和截圖，當(dāng)這些成為 Web 2.0 網(wǎng)站的形象時，它們就成了今天的規(guī)則。三維圓角按鈕會讓頁面變得高貴優(yōu)雅，不使用則顯得古板僵硬。

簡單就是美

為提高用戶體驗，大部分 Web 2.0 應(yīng)用程序都添加了技術(shù)層面或者組織層面，例如用 del.icio.us 管理鏈接，用 flickr 共享照片，或者用 Backpack 組織任務(wù)等，我們必須要熟悉這些新技術(shù)，并花些時間來管理我們的內(nèi)容。好的Web 2.0程序應(yīng)該十分輕快并易于上手，而巧妙的視覺設(shè)計和文字有助于減少入門障礙。

巧妙地利用布局、顏色、輸入和文本可以最大限度地減小訪問者的負(fù)擔(dān)。

越大越好

談起 Web 2.0 當(dāng)然是越大越好。這里指的是大號字體。大號文字省眼，與流利的書寫配合使得信息更容易吸收。如今，網(wǎng)站的可訪問性十分重要，因此有經(jīng)驗的網(wǎng)頁設(shè)計師可以使用超大文字。

空白的活力

Web 2.0 網(wǎng)站的布局可以做得很小。巧妙利用空白可以提高頁面的易讀性和易用性?？瞻卓梢苑蛛x出重要信息，使眼睛得到休息，并給人以冷靜和有秩序的感覺。寬敞的文字布局也使得文字復(fù)制更容易。有些 Web 2.0 布局小得近乎無法忍受，但如果設(shè)計得好，緊湊的頁面也會值得深深品味。

好點子

友好、風(fēng)趣的書寫可以讓作者和訪問者建立良好的關(guān)系。A List Apart 使得 Flickr 和Photojojo 脫穎而出，這是個許多Web 2.0網(wǎng)站都應(yīng)該學(xué)習(xí)的案例。WebTango 不僅僅是免費，它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use（無添加物，無膽固醇，無破壞臭氧層的氯氟烴，最重要的是，免費）”。Tioti 不只是擁有標(biāo)簽和RSS，它擁有的是“tagging and RSS up the yazoo”。FFAQQLY 的創(chuàng)立者David Liu不是一個不露面的虛擬任務(wù)，而是“你注冊后的第一個朋友”。eSnips 的工具條不只是可定制，它是“有一大串超酷用法的工具條”。想個好點子吧。

意猶未盡

Web 2.0 網(wǎng)站有很多視覺設(shè)計傾向，乍一看似乎并沒有某種固定的模式，但無一不在追求注意力。“濕桌子”效果（charlee注：反射效果）、“星形”效果、“玻璃”按鈕，造就了眾多的 Web 2.0 的綺麗。

總結(jié)

我的 Web 2.0 視覺設(shè)計之旅就到此結(jié)束了。也許“Web 2.0風(fēng)格”會在一年后過時，但它一定會為延長網(wǎng)站壽命做出巨大的貢獻(xiàn)。