星期四, 8月 24, 2006

web 2.0 也有典型形象


最近火紅的 Web 2.0 到底有沒有什麼標準形象? 有沒有什麼 tips 讓 Web 2.0 看起來像 Web 2.0 呢?有的有的,整體來說,Web 2.0 要表現的不外乎幾個重點:親和、開放、互動、人性科技;從許多典型的 web 2.0 網站來看,不難分辨出幾個視覺重點,小寫字母取代嚴肅的大寫字母、顏色通常鮮明亮麗,許多的粉色調,開闊的天藍,活潑的橙色,還有,被戲稱為 Web 2.0 的國民色 lime green檸檬綠,這裡有位仁兄在他的格裡狂載了400餘個 web 2.0 站台的 logos, 相當有參考價值的 research,可以看出 2.0 的形象輪廓。
Ludwig Gatzke's compilation

字體形象的部份,找到了幾個分類參考,大夥兒可以看看~

A. 圓柔型 The Softies:
主要表達朋友家人般的親切感,圓體字形如 VAG Rounded/ Helvatica Rouned 是主要的運用,知名的Skype就屬這類

Skype 網路通訊服務
使用字體: Helvetica Rounded Bold




Pando檔案分享服務
使用字體: similar to Bryant Medium Alt




Kajeet mobile phone service 移動通訊服務
使用字體: VAG Rundschrift (字母J是再製的)





B. 未來型 The Futurists:

想表達次未來科技,也常應用 pixel 感的表現方式,多為新創字體


Last.fm網路音樂載台
使用字體: ITC Ronda (修改過)
替代字體: Avernus



ReminderFeedRSS服務
使用字體: FF Dot Matrix Two Regular




Technoratiweblog搜尋工具
使用字體: Neo Sans Medium




C. 經典型 The Classics:
就是用些老字體如 Trade, News Gothic, Frutiger, Avenir, Interstate 來表現,也能營造 web 2.0 的好感,flicker, youtobe 是典型代表


Flickr照片部落格
使用字體: Frutiger Black



PODZINGERPodcast搜尋器
使用字體: Interstate Black



YouTube影音部落格
使用字體: Alternate Gothic No. Two