|
作者: norasun 發(fā)表日期: 2006-04-07 12:40 復(fù)制鏈接
在mentalized看到building your very own web2.0 layout這篇文章，作者從Tadalist、Time-tracker和Tagalag這些典型的web2.0網(wǎng)站里得到靈感，將這些網(wǎng)站界面的共同特征融合起來就成了一個(gè)web2.0的界面，有點(diǎn)像《一個(gè)饅頭引發(fā)的血案》戲謔《無極》的作風(fēng)，挺調(diào)侃的。不過我覺得還是相當(dāng)有啟發(fā)性的文章，下面我把那篇文章重新加工一下： 我們看看知名的web2.0網(wǎng)站就不難發(fā)現(xiàn)，他們的背景圖片大多是白色的【基于舒展視覺的考量】，所以我們的需要#ffffff，我們應(yīng)該毫不猶豫地選擇白色。body的字體沒必要保持特制，最好的選擇就是通用的Arial字體【參見Branding with Arial】，然后把字體設(shè)置成灰色【color:gray】，我們還需要把字體的默認(rèn)大小更改一下【這個(gè)依個(gè)人喜好了，默認(rèn)的東西總是不能引起人們的注意】。 我們還需要一個(gè)簡潔優(yōu)雅的導(dǎo)航條，當(dāng)然它一定是水平方向的導(dǎo)航條【便于瀏覽，我們不是古人，我們喜歡從左向右看】，它可能是深灰色【#333333】的背景和白色的字體，當(dāng)用戶把鼠標(biāo)放在連接上面的時(shí)候顏色應(yīng)該發(fā)生變化，web2.0的網(wǎng)站似乎都喜歡一種性感的橄欖綠，我們也試試看。 為了讓網(wǎng)站描述部分更據(jù)感染力，我們應(yīng)該使用流行的高亮元素，讓關(guān)鍵字顯而易見，給人一種抑揚(yáng)頓挫的節(jié)奏感。 自從blog推出之后，大家都經(jīng)常注意到“創(chuàng)作共用”的協(xié)議圖標(biāo)，對，我們不能放棄它，把它放在網(wǎng)站的最下面，以便證明我們很在乎分享和協(xié)作^_^。 ok!我們的web2.0界面已經(jīng)差不多完成了。不過還有最關(guān)鍵的一步【這簡直是作者最逗趣的地方，真是點(diǎn)睛之筆】，那就是我們還得添加Tag，當(dāng)然我們要的只是一個(gè)界面【作者稱之為styling2.0】，我們可以通過把超連接的字體大小和顏色做出層次感來就ok了。看看下面的效果是不是真的很像Tag，真是太藝術(shù)了。 現(xiàn)在整個(gè)界面就完成了，看看最后的效果吧！ ps.你也可參見英文原文，本文我做了重新加工。 |
|
|
