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