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

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

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

請(qǐng)相信我是Web 2.0

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

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

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

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

圓角革命

新的CSS技術(shù)支持圓角，使得圓角風(fēng)格再次風(fēng)靡世界。友好的圓角風(fēng)格奠定了許多 Web 2.0 網(wǎng)站的舒適、通俗的基調(diào)。

FontShop有一篇 分析Web 2.0 圖標(biāo)的精彩文章 ，表明了圓角字體已成為流行趨勢(shì)。它為一個(gè)公司的視覺(jué)形象帶來(lái)了十分現(xiàn)代的風(fēng)格。

免費(fèi)無(wú)處不在

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

#p#

照片為大忌

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

簡(jiǎn)單就是美

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

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

越大越好

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

空白的活力

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

好點(diǎn)子

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

意猶未盡

Web 2.0 網(wǎng)站有很多視覺(jué)設(shè)計(jì)傾向，乍一看似乎并沒(méi)有某種固定的模式，但無(wú)一不在追求注意力?！皾褡雷印毙Ч╟harlee注：反射效果）、“星形”效果、“玻璃”按鈕，造就了眾多的 Web 2.0 的綺麗。

總結(jié)

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

參考
What is Web 2.0?
The Logos of Web 2.0
Current style in web design
The Web 2.0 Awards