前一陣子 維基百科的Web2.0條目 包含了一節內容，專(zhuān)門(mén)描述Web 2.0的視覺(jué)元素，講述了漸變色、絢麗的圖標、反射效果、陰影以及大號字體等等。
但是幾天之后維基人投票決定撤掉“視覺(jué)元素”這一部分。推究其原因，可能是Web 2.0的特性不能通過(guò)一系列的視覺(jué)規則來(lái)精確地定義。如果 Web 2.0 被理解為一種 內容生成和發(fā)布的途徑 ，那就沒(méi)必要將其禁錮在視覺(jué)效果的框框里。
盡管如此，事實(shí)上大多數 Web 2.0 網(wǎng)站都有某種獨特的藝術(shù)風(fēng)格。也許維基人覺(jué)得這不屬于Web 2.0的討論范疇，但我卻認為這十分必要。讓我們開(kāi)始 Web 2.0 的視覺(jué)之旅，看看所謂“Web 2.0風(fēng)格”起著(zhù)怎樣的作用。
請相信我是Web 2.0
完美的 Web 2.0 依靠著(zhù)訪(fǎng)問(wèn)者的力量。用戶(hù)可以為Web服務(wù)制造內容，通過(guò)流行的點(diǎn)對點(diǎn)方式像“病毒”一樣傳播，并依照他們的意愿和喜好來(lái)提高內容的質(zhì)量。
但是要讓訪(fǎng)問(wèn)者為Web應用程序付出時(shí)間和內容，首先需要讓他們相信你。為獲取人們的信任，絕大多數 Web 2.0 網(wǎng)站都通過(guò)絕妙的設計給我們帶來(lái)了友好、親切的印象。
春風(fēng)又綠江南岸
明快的顏色得到了 Web 2.0 網(wǎng)站的青睞。大部分 Web 2.0 網(wǎng)站不約而同地采用了綠色，但是深藍、橙色和粉紅色也十分人氣。濃重的主色調表明了幽默的態(tài)度，也有助于人們迅速注意到頁(yè)面上的重要元素。
圓角革命
新的CSS技術(shù)支持圓角，使得圓角風(fēng)格再次風(fēng)靡世界。友好的圓角風(fēng)格奠定了許多 Web 2.0 網(wǎng)站的舒適、通俗的基調。FontShop有一篇 分析Web 2.0 圖標的精彩文章 ，表明了圓角字體已成為流行趨勢。它為一個(gè)公司的視覺(jué)形象帶來(lái)了十分現代的風(fēng)格。
免費無(wú)處不在
如果你已吸引訪(fǎng)問(wèn)者注冊了你的應用程序，那么你應當毫不吝惜地送他們免費的賬戶(hù)。幾乎所有的 Web 2.0 網(wǎng)站都將主要的經(jīng)費奉獻給了一條消息——“我們提供免費服務(wù)”。若這條信息出現在無(wú)處不在的星形標記中就更好了。
照片為大忌
在 Web 2.0 網(wǎng)站上，你找不到任何照片——那是小公司模仿大企業(yè)的伎倆。簡(jiǎn)潔的圖標和截圖，當這些成為 Web 2.0 網(wǎng)站的形象時(shí)，它們就成了今天的規則。三維圓角按鈕會(huì )讓頁(yè)面變得高貴優(yōu)雅，不使用則顯得古板僵硬。
簡(jiǎn)單就是美
為提高用戶(hù)體驗，大部分 Web 2.0 應用程序都添加了技術(shù)層面或者組織層面，例如用 del.icio.us 管理鏈接，用 flickr 共享照片，或者用 Backpack 組織任務(wù)等，我們必須要熟悉這些新技術(shù)，并花些時(shí)間來(lái)管理我們的內容。好的Web 2.0程序應該十分輕快并易于上手，而巧妙的視覺(jué)設計和文字有助于減少入門(mén)障礙。
巧妙地利用布局、顏色、輸入和文本可以最大限度地減小訪(fǎng)問(wèn)者的負擔。
越大越好
談起 Web 2.0 當然是越大越好。這里指的是大號字體。大號文字省眼，與流利的書(shū)寫(xiě)配合使得信息更容易吸收。如今，網(wǎng)站的可訪(fǎng)問(wèn)性十分重要，因此有經(jīng)驗的網(wǎng)頁(yè)設計師可以使用超大文字。
空白的活力
Web 2.0 網(wǎng)站的布局可以做得很小。巧妙利用空白可以提高頁(yè)面的易讀性和易用性?？瞻卓梢苑蛛x出重要信息，使眼睛得到休息，并給人以冷靜和有秩序的感覺(jué)。寬敞的文字布局也使得文字復制更容易。有些 Web 2.0 布局小得近乎無(wú)法忍受，但如果設計得好，緊湊的頁(yè)面也會(huì )值得深深品味。
好點(diǎn)子
友好、風(fēng)趣的書(shū)寫(xiě)可以讓作者和訪(fǎng)問(wèn)者建立良好的關(guān)系。A List Apart 使得 Flickr 和Photojojo 脫穎而出，這是個(gè)許多Web 2.0網(wǎng)站都應該學(xué)習的案例。WebTango 不僅僅是免費，它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use（無(wú)添加物，無(wú)膽固醇，無(wú)破壞臭氧層的氯氟烴，最重要的是，免費）”。Tioti 不只是擁有標簽和RSS，它擁有的是“tagging and RSS up the yazoo”。FFAQQLY 的創(chuàng )立者David Liu不是一個(gè)不露面的虛擬任務(wù)，而是“你注冊后的第一個(gè)朋友”。eSnips 的工具條不只是可定制，它是“有一大串超酷用法的工具條”。想個(gè)好點(diǎn)子吧。
意猶未盡
Web 2.0 網(wǎng)站有很多視覺(jué)設計傾向，乍一看似乎并沒(méi)有某種固定的模式，但無(wú)一不在追求注意力。“濕桌子”效果（charlee注：反射效果）、“星形”效果、“玻璃”按鈕，造就了眾多的 Web 2.0 的綺麗。
總結
我的 Web 2.0 視覺(jué)設計之旅就到此結束了。也許“Web 2.0風(fēng)格”會(huì )在一年后過(guò)時(shí)，但它一定會(huì )為延長(cháng)網(wǎng)站壽命做出巨大的貢獻。
聯(lián)系客服
