原文:http://webleon.net/2006/01/blog7.html
cre8d design blog里有一篇關(guān)于Blog Design Trends的文章,例舉了目前Blog設(shè)計方面的7個趨勢。這些趨勢已經(jīng)在很多的國外Blog中被廣泛應(yīng)用。
- 大字體(Big fonts):
11號Verdana字體已經(jīng)過時,大字體的標(biāo)題和正文重新流行。如Garrett Dimon’s blog或Whitespace都使用了大字體。在傳統(tǒng)的西文網(wǎng)站中,字體過小的情況的確比較普遍。對中文網(wǎng)站來說,12px的大小個人覺得還是不錯。而在Blog中,再大一點的字體也許可讀性更強,要不要把我的Blog正文字體改為13px?
- 頂端粗邊線(Top border):
這是一個很細(xì)小的裝飾,但的確很流行,那就是在網(wǎng)頁最頂部加上一條100%寬度、5或6pt高的邊框,就像 A List Apart、Tech Crunch、Whitespace和Giga OM那樣。這樣的橫條雖然基本不影響瀏覽,但是的確很有現(xiàn)代感,我個人也很喜歡,但是這種設(shè)計似乎在中文網(wǎng)站中還較少見。
- 超大的頁首和頁尾(Big headers/ footers):
例子如Juque、Read/Write Web、Business Logs、The Hot Crew,使用高對比色和超大文字圖片來凸顯頁首和頁尾。這個趨勢很有張揚個性的意味在其中,在國外的設(shè)計類和藝術(shù)類Blog非常多件,從這個部分來說,國內(nèi)的Blog設(shè)計顯然還比較保守。不過我相信在2006年會有很多這樣設(shè)計的中文Blog出現(xiàn),因為Blog將為更人用來展現(xiàn)自己的個人風(fēng)采。
- 明亮的色彩搭配區(qū)塊及顏色的漸變:
9rules、Blinksale、Serene Green、Fruitcast都使用了大量這樣的元素。這類效果對整個頁面搭建及藝術(shù)配色都有比較高的要求,不過最終的效果的確是非常的炫目。希望能見到越來越多國內(nèi)的網(wǎng)站也能作得那么漂亮。
- 對話氣泡框住的回復(fù)(Speech bubble comments):
回復(fù)部份的個性裝飾,例如hicksdesign和Digg。Digg的回復(fù)框令人印象深刻,不過我覺得這樣的設(shè)計還是要配合整個網(wǎng)站的風(fēng)格效果才比較好。
- 圓角(Rounded corners):
用CSS而不是圖片來實現(xiàn)各種各樣的圓角,具體的技術(shù)細(xì)節(jié)A List Apart有介紹。圓角很好看,不過用起來還是要花小小的功夫。
- 高亮鏈接(Highlighted links):
不用下劃線,而是用鼠標(biāo)劃過以后的背景色改變來表現(xiàn)超鏈接。呵呵,我的Blog就是例子。的確可以提高超鏈接的可讀性和整體頁面效果。
這些趨勢又一個共同的特點,就是針對較短篇幅的文字進(jìn)行閱讀體驗的優(yōu)化,值得所有的Blogger借鑒,更值得BSP學(xué)習(xí)。