照片為大忌
在 Web 2.0 網(wǎng)站上,你找不到任何照片——那是小公司模仿大企業(yè)的伎倆。簡(jiǎn)潔的圖標(biāo)和截圖,當(dāng)這些成為 Web 2.0 網(wǎng)站的形象時(shí),它們就成了今天的規(guī)則。三維圓角按鈕會(huì)讓頁(yè)面變得高貴優(yōu)雅,不使用則顯得古板僵硬。
簡(jiǎn)單就是美
為提高用戶體驗(yàn),大部分 Web 2.0 應(yīng)用程序都添加了技術(shù)層面或者組織層面,例如用 del.icio.us 管理鏈接,用 flickr 共享照片,或者用 Backpack 組織任務(wù)等,我們必須要熟悉這些新技術(shù),并花些時(shí)間來(lái)管理我們的內(nèi)容。好的Web 2.0程序應(yīng)該十分輕快并易于上手,而巧妙的視覺(jué)設(shè)計(jì)和文字有助于減少入門障礙。
巧妙地利用布局、顏色、輸入和文本可以最大限度地減小訪問(wèn)者的負(fù)擔(dān)。
越大越好
談起 Web 2.0 當(dāng)然是越大越好。這里指的是大號(hào)字體。大號(hào)文字省眼,與流利的書寫配合使得信息更容易吸收。如今,網(wǎng)站的可訪問(wèn)性十分重要,因此有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師可以使用超大文字。
空白的活力
Web 2.0 網(wǎng)站的布局可以做得很小。巧妙利用空白可以提高頁(yè)面的易讀性和易用性?瞻卓梢苑蛛x出重要信息,使眼睛得到休息,并給人以冷靜和有秩序的感覺(jué)。寬敞的文字布局也使得文字復(fù)制更容易。有些 Web 2.0 布局小得近乎無(wú)法忍受,但如果設(shè)計(jì)得好,緊湊的頁(yè)面也會(huì)值得深深品味。
好點(diǎn)子
友好、風(fēng)趣的書寫可以讓作者和訪問(wèn)者建立良好的關(guān)系。A List Apart 使得 Flickr 和Photojojo 脫穎而出,這是個(gè)許多Web 2.0網(wǎng)站都應(yīng)該學(xué)習(xí)的案例。WebTango 不僅僅是免費(fèi),它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use(無(wú)添加物,無(wú)膽固醇,無(wú)破壞臭氧層的氯氟烴,最重要的是,免費(fèi))”。Tioti 不只是擁有標(biāo)簽和RSS,它擁有的是“tagging and RSS up the yazoo”。FFAQQLY 的創(chuàng)立者David Liu不是一個(gè)不露面的虛擬任務(wù),而是“你注冊(cè)后的第一個(gè)朋友”。eSnips 的工具條不只是可定制,它是“有一大串超酷用法的工具條”。想個(gè)好點(diǎn)子吧。
意猶未盡
Web 2.0 網(wǎng)站有很多視覺(jué)設(shè)計(jì)傾向,乍一看似乎并沒(méi)有某種固定的模式,但無(wú)一不在追求注意力!皾褡雷印毙Ч╟harlee注:反射效果)、“星形”效果、“玻璃”按鈕,造就了眾多的 Web 2.0 的綺麗。
總結(jié)
我的 Web 2.0 視覺(jué)設(shè)計(jì)之旅就到此結(jié)束了。也許“Web 2.0風(fēng)格”會(huì)在一年后過(guò)時(shí),但它一定會(huì)為延長(zhǎng)網(wǎng)站壽命做出巨大的貢獻(xiàn)。
參考 What is Web 2.0? The Logos of Web 2.0 Current style in web design The Web 2.0 Awards
出處:charlee的開(kāi)發(fā)日記
責(zé)任編輯:moby
上一頁(yè) Web2.0的視覺(jué)設(shè)計(jì) [1] 下一頁(yè)
|