WEB2.0有許多獨特的設計風格，漸漸的已經被認為是一種全新的視覺革命。而這種風格其實有許多強烈的共通點，比如倒影、爆炸文字框、可愛的圖示與立體按鈕等等。以下這篇翻譯文章蒐集了大多數WEB2.0常用的風格，在設計的時候可以參考看看。
如果你不是太瞎的話，你可能會注意到前幾天在 維基百科的 Web2.0 條目下有一個子條目是關于視覺元素的。漸變，豔麗的圖標，反射效果，下拉陰影，以及大號文字等值得一提的內容。
過了幾天“視覺元素”的添加條目就被維基成員投票否決並刪除了。反對的原因，我估計是因為沒有一套視覺標準能夠准確的定義一些東西，就像Web2.0的特點——如果Web2.0可以理解為一種信息內容的生成和分發途徑，那就不必束縛于某一種視覺風格。
就算是這樣，許多Web 2.0站點有著同樣獨特的審美情趣卻是事實。維基百科的編輯也許不認為這是Web 2.0的有價值的部分，但是我卻說很必要！讓我們來看一下面向Web2.0的溝通問題，並看看“Web 2.0外觀”如何幫助解決問題。
相信我，我就是Web2.0
對于web2.0來說，不可或缺的是對網站訪問者輸入的駕馭。用戶能自行創建網站服務的內容，以“病毒”般的點對點流行方式推廣它，並且按照用戶的意見和喜好來完善數據質量。
但要說服訪問者為網站程序花費時間和提供數據, 首先需要贏得他們的信任。多數Web2.0站點讓我們覺得友好、平易近人、小規模，它們運用巧妙的設計來贏得大家信賴。
- 綠色成為新寵
明快而生機盎然的色彩主宰了Web2.0網站。綠色是web2.0的非官方的色彩，並且高純度的藍色系，橙色系和粉紅系也同樣倍受青睐。 奔放的主色調引導了一種嬉戲的，愉快的態度，並且也有助于將注意力拉回到頁面的重要元素上。
- 圓角無處不在
新的CSS技術支持圓的倒角使得這一風格又熱了起來。友好的圓角效果讓許多web2.0站點符合舒適的，無拘無束的基調。
在FontShop有一篇分析 Web 2.0 圖標的精彩文章，明確表示圓角字體開始全面風靡。這種字體的柔和方式賦予了 企業視覺識別 一種現代的玩樂態度。
- 免費，像啤酒那樣
如果你已吸引訪問者注冊了你的終極程序，送給他們免費的賬戶而不要心疼。大多數Web 2.0站點花費主要資産來傳達一個信息，那就是：他們提供免費服務。如果這個信息能顯示在一個隨處可見的光芒四射的 星型圖案 裏就再好不過了。
- 拜托，不要照片
在web2.0網站，你不會找到任何一個微笑服務員工的商用版權相片。那是小公司假扮大公司形象慣用伎倆。當簡單的圖標和截屏圖片作為Web2.0圖像組成的一部分時，它成為我們今日的需求。使用立體而有斜邊的圖標能帶給頁面光潔優雅的氣質，否則就會顯得僵硬古板。
- 保持簡單純樸
大 多數Web 2.0應用程序都會給用戶體驗中添加技術層面或者管理層面。如用del.icio.us來管理鏈接，用flickr來分享照片，或用backpack來安 排任務，我們必須要熟悉這些新技術，並花些時間來管理我們的內容。一個好的Web 2.0程序應該短小精幹並易于上手，而高明的視覺設計和文本能幫助我們去除入門的屏障。
巧妙地運用排版，色彩，字體和文本能使用戶長時間地保持舒適而減輕痛苦。
- 大就是美
對于Web2.0來講，越大肯定是越好。 大的文字就是。大的文字看起來不累，配合流暢的文字內容使得信息容易被吸收。我們現在強調 “無障礙”溝通才是最酷的，做一個自命不凡的網頁設計師是可能的，來用碩大的文字吧！確實這種用大字體的狂熱跑得太遠太離譜已經不合我的品味——當一個頁 面得正文字號大得超過13磅時，對我來講看起來象一本低幼識字課本！
- 呼吸空間
Web 2.0網站的排版布局(難度)可說是微乎其微。利用好空白可以使重點突出，易讀，易用。空白能讓重要信息凸顯，讓眼睛得以休息，並給予一種安定和秩序的感 覺。寬松的行間距也讓視線易于跟隨文本流動。一些Web 2.0網站的布局簡單到令人感到無聊的地步，但若設計上出色的話，一個四平八穩的頁面也能成為絕頂的美味大餐。
- 高明的文章
友 好，活潑的行文方式會使作者與訪問者建立更多良好的關系。A List Apart 功能讓 Flickr 和 Photojojo脫穎而出就是這方面的一個好例證，這也是許多web2.0網站付諸實施的很好一課。WebTango 並不僅是免費，它是“無添加物，無膽固醇，無破壞臭氧層的氟利昂，還有最重要的就是，無收費使用”。Tioti不只是有標簽和RSS，他有“標簽和RSS 奔湧如河流”。 FAQQLY的創始人David Liu不會不是一個可以面對的實體，他是“你成為注冊用戶後的第一個朋友”。還有，工具條在eSnips不只是“靈活”，它是“你能有一大堆超酷用法的工 具條”。你有點子了。
- 邊角和收尾
有 大量的視覺風格存在于Web2.0中，它們看起來並不能解答某一個特別的設計問題，盡管如此還是值得一提。“濕桌面”外觀，“星形圖案”（或稱“ 星光閃耀”或“入侵者”），還有“玻璃”按鈕，成就了Web2.0的大量“眼睛糖果”（愉悅眼球的玩意）。蘋果的市場部肯定對此有許多答案。
結論
這就是我對Web2.0的視覺設計的快速旅行。誰知道呢，也許“Web 2.0外觀”從現在算起一年後就會過時，但是我認為它提供了關于 網站特效設計 的一些好課程，這方面值得擁有更長的生命力。
翻譯文章來自：www.blueidea.com/ 與 www.philsu.6cc.tw/
原文：Pixel Acres
轉載請註明來自【Asika Paradise - 飛鳥新樂園】
|
|
文章回應