技术观点

加强技术投入,共享技术成果

Blog设计的7个趋势


编辑:杭州大显网络科技有限公司更新日期:2009-05-26
cre8ddesignblog里有一篇关于BlogDesignTrends的文章,例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。

-大字体(Bigfonts):
11号Verdana字体已经过时,大字体的标题和正文重新流行。如GarrettDimon’sblog或Whitespace都使用了大字体。在传统的西文网站中,字体过小的情况的确比较普遍。对中文网站来说,12px的大小个人觉得还是不错。而在Blog中,再大一点的字体也许可读性更强,要不要把我的Blog正文字体改为13px?

-顶端粗边线(Topborder):
这是一个很细小的装饰,但的确很流行,那就是在网页最顶部加上一条100%宽度、5或6pt高的边框,就像AListApart、TechCrunch、Whitespace和GigaOM那样。这样的横条虽然基本不影响浏览,但是的确很有现代感,我个人也很喜欢,但是这种设计似乎在中文网站中还较少见。

-超大的页首和页尾(Bigheaders/footers):
例子如Juque、Read/WriteWeb、BusinessLogs、TheHotCrew,使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中,在国外的设计类和艺术类Blog非常多件,从这个部分来说,国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现,因为Blog将为更人用来展现自己的个人风采。

-明亮的色彩搭配区块及颜色的渐变,9rules、Blinksale、SereneGreen、Fruitcast都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求,不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。

-对话气泡框住的回复(Speechbubblecomments):
回复部份的个性装饰,例如hicksdesign和Digg。Digg的回复框令人印象深刻,不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。

-圆角(Roundedcorners):
用CSS而不是图片来实现各种各样的圆角,具体的技术细节AListApart有介绍。圆角很好看,不过用起来还是要花小小的功夫。

-高亮链接(Highlightedlinks):
不用下划线,而是用鼠标划过以后的背景色改变来表现超链接。呵呵,我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。

这些趋势又一个共同的特点,就是针对较短篇幅的文字进行阅读体验的优化,值得所有的Blogger借鉴,更值得BSP学习。