什麼是 Web 2.0?
概括地說, Web 2.0是指網路成為了人跟應用程式間的交叉點。Web 2.0服務的本質是線上應用程式, 幫助你分享信息及達成一些任務。傳統上電腦桌面系統幫你處理的事 — 儲存及分享的媒介(Flickr, Yahoo! Video), 散佈信息, (WordPress, Typepad, del.icio.us), 宣傳促銷真實的活動(Upcoming.org), 等等.
Web 2.0服務不止改變了我們做事的方法，也改變了網站的樣式。在Web 2.0的世界, 舊的桌面應用軟體的規則，在以前是必須的且需要三千頁以上的說明才能了解，已不復存在。使用Web 2.0, 簡單最重要。
不論你的網站是令人驚豔的Web 2.0應用，或者只是單純的設計來幫助部落格用戶增加頁面趣味, 接下來的說明能幫助你的經驗更直覺，讓你的網站更受歡迎，讓使用者願意回來。
Web 2.0 的樣式
從設計樣式來說，Web 2.0可以讓你的網站看起來新穎, 引人注意,且具現代感。然而，並沒有一個正式的規範說什麼才是"Web 2.0"的網站，只有一些相似的特徵。Web 2.0的設計使用較大且較粗的字型，以及對比較強的色彩運用， 讓使用者容易理解及瀏覽。Web 2.0 的樣式是企圖完成所有看來簡單的任務。
這裡我們挑出六個明顯的特徵，他們可讓網頁看起來新鮮，動人，且絕對的“Web 2.0.”
構成
隨著拖曳滑鼠及軌跡球的出現，許多以齊左為基礎及浮動頁面(full-width)的構成漸漸被居中的設計取代；隨著大尺寸字型的運用及更多的留白出現，網站從以前擠在螢幕範圍內的編排走向向下散佈的形式。
Example: icebrrg
漸層
漸層的運用是Web 2.0另一個受歡迎的設計元素，變成一種時髦網頁設計的關鍵。基本的漸層是運用非常普遍的，光影運用提供物件了深度及空間感(參考create gradients in Photoshop.)
Example: Sizeasy
濃烈對比的色彩
Web 2.0 網站常有著強烈的色彩運用，通常明亮，甚至發光的感覺，令人愉悅的色彩 — 大量的藍, 橘，萊姆綠, 結合大量的留白，創造一種新鮮，有活力且乾淨的外觀。 參考 sample of a Web 2.0 color palette.
3-D Icons
許多Web 2.0樣式的網站包含大且多彩的icons, 有時有著反光及陰影來增加立體感。網上有許多服務有 specialize in providing icons 你可以參考看看。
圓角
用表格及方塊來設計網頁的時代已經過去了，Web 2.0時代開創有趣的圓角應用，聽起來也許不怎麼樣，但是它可使你的網站看起來像有份量的應用程式且讓使用者感覺輕鬆。下面是一些參考連結 Webcredible, A List Apart , SearchParty.
Example: Blog.com
大尺寸字型
網站塞進太多小文字將逐漸變成另一種方式，如dodo bird.在那，大尺寸文字變成一種樣式。如今, Cascading Style Sheets (CSS) 讓我們能更細緻的控制文字長相，讓重要的文字放大成明顯易見。當然，不是所有的文字都需要這麼大，但可以重點運用。
Example: Traineo
最後, 下一代網站設計還需避免下列事情:
- 像動態GIF般閃動的圖像
- 100%Flash寫成的網站
- 用視覺表格構成
- 沒有運用CSS的網站
沒有留言:
張貼留言