國(guó)外Blog設(shè)計(jì)趨勢(shì)

2010-08-28 10:48:35來(lái)源:西部e網(wǎng)作者:

原文地址:http://webleon.net/2006/01/blog7.html

cre8d design blog里有一篇關(guān)于Blog Design Trends的文章,例舉了目前Blog設(shè)計(jì)方面的7個(gè)趨勢(shì)。這些趨勢(shì)已經(jīng)在很多的國(guó)外Blog中被廣泛應(yīng)用。

- 大字體(Big fonts):

11號(hào)Verdana字體已經(jīng)過(guò)時(shí),大字體的標(biāo)題和正文重新流行。如Garrett Dimon’s blogWhitespace都使用了大字體。在傳統(tǒng)的西文網(wǎng)站中,字體過(guò)小的情況的確比較普遍。對(duì)中文網(wǎng)站來(lái)說(shuō),12px的大小個(gè)人覺(jué)得還是不錯(cuò)。而在Blog中,再大一點(diǎn)的字體也許可讀性更強(qiáng),要不要把我的Blog正文字體改為13px?

- 頂端粗邊線(xiàn)(Top border):

這是一個(gè)很細(xì)小的裝飾,但的確很流行,那就是在網(wǎng)頁(yè)最頂部加上一條100%寬度、5或6pt高的邊框,就像 A List Apart、Tech Crunch、WhitespaceGiga OM那樣。這樣的橫條雖然基本不影響瀏覽,但是的確很有現(xiàn)代感,我個(gè)人也很喜歡,但是這種設(shè)計(jì)似乎在中文網(wǎng)站中還較少見(jiàn)。

- 超大的頁(yè)首和頁(yè)尾(Big headers/ footers):

例子如Juque、Read/Write Web、Business Logs、The Hot Crew,使用高對(duì)比色和超大文字圖片來(lái)凸顯頁(yè)首和頁(yè)尾。這個(gè)趨勢(shì)很有張揚(yáng)個(gè)性的意味在其中,在國(guó)外的設(shè)計(jì)類(lèi)和藝術(shù)類(lèi)Blog非常多件,從這個(gè)部分來(lái)說(shuō),國(guó)內(nèi)的Blog設(shè)計(jì)顯然還比較保守。不過(guò)我相信在2006年會(huì)有很多這樣設(shè)計(jì)的中文Blog出現(xiàn),因?yàn)锽log將為更人用來(lái)展現(xiàn)自己的個(gè)人風(fēng)采。

- 明亮的色彩搭配區(qū)塊及顏色的漸變,9rules、Blinksale、Serene Green、Fruitcast都使用了大量這樣的元素。這類(lèi)效果對(duì)整個(gè)頁(yè)面搭建及藝術(shù)配色都有比較高的要求,不過(guò)最終的效果的確是非常的炫目。希望能見(jiàn)到越來(lái)越多國(guó)內(nèi)的網(wǎng)站也能作得那么漂亮。

- 對(duì)話(huà)氣泡框住的回復(fù)(Speech bubble comments):

回復(fù)部份的個(gè)性裝飾,例如hicksdesignDigg。Digg的回復(fù)框令人印象深刻,不過(guò)我覺(jué)得這樣的設(shè)計(jì)還是要配合整個(gè)網(wǎng)站的風(fēng)格效果才比較好。

- 圓角(Rounded corners):

用CSS而不是圖片來(lái)實(shí)現(xiàn)各種各樣的圓角,具體的技術(shù)細(xì)節(jié)A List Apart有介紹。圓角很好看,不過(guò)用起來(lái)還是要花小小的功夫。

- 高亮鏈接(Highlighted links):

不用下劃線(xiàn),而是用鼠標(biāo)劃過(guò)以后的背景色改變來(lái)表現(xiàn)超鏈接。呵呵,我的Blog就是例子。的確可以提高超鏈接的可讀性和整體頁(yè)面效果。

這些趨勢(shì)又一個(gè)共同的特點(diǎn),就是針對(duì)較短篇幅的文字進(jìn)行閱讀體驗(yàn)的優(yōu)化,值得所有的Blogger借鑒,更值得BSP學(xué)習(xí)。

關(guān)鍵詞:Blog

贊助商鏈接: