优化阅读体验----国外Blog设计趋势
<STRONG>- 大字体(Big fonts)：<BR></STRONG> 11号Verdana字体已经过时，大字体的标题和正文重新流行。如<a href="http://www.garrettdimon.com/" target="_blank" ><U><FONT color=#0000ff>Garrett Dimon’s [wiki]blog[/wiki]</FONT></U></A>或<a href="http://www.9rules.com/wh[wiki]IT[/wiki]e[wiki]SP[/wiki]ace/" target="_blank" ><U><FONT color=#0000ff>Whitespace</FONT></U></A>都使用了大字体。在传统的西文网站中，字体过小的情况的确比较普遍。对中文网站来说，12px的大小个人觉得还是不错。而在Blog中，再大一点的字体也许可读性更强，要不要把我的Blog正文字体改为13px？<BR> <BR> <STRONG>- 顶端粗边线(Top border)：</STRONG><BR> 这是一个很细小的装饰，但的确很流行，那就是在网页最顶部加上一条100%宽度、5或6pt高的边框，就像<a href="http://www.alistapart.com/" target="_blank" ><U><FONT color=#0000ff> A List Apart</FONT></U></A>、<a href="http://www.techcrunch.com/" target="_blank" ><U><FONT color=#0000ff>Tech Crunch</FONT></U></A>、<a href="http://9rules.com/whitespace/" target="_blank" ><U><FONT color=#0000ff>Whitespace</FONT></U></A>和<a href="http://www.gigaom.com/" target="_blank" ><U><FONT color=#0000ff>Giga OM</FONT></U></A>那样。这样的横条虽然基本不影响浏览，但是的确很有现代感，我个人也很喜欢，但是这种设计似乎在中文网站中还较少见。<BR> <BR> <STRONG>- 超大的页首和页尾(Big headers/ footers)：<BR> </STRONG>例子如<a href="http://www.juque.cl/" target="_blank" ><U><FONT color=#0000ff>Juque</FONT></U></A>、<a href="http://www.readwrite[wiki]web[/wiki].com/" target="_blank" ><U><FONT color=#0000ff>Read/Write Web</FONT></U></A>、<a href="http://businesslogs.com/" target="_blank" ><U><FONT color=#0000ff>Business Logs</FONT></U></A>、<a href="http://thehotcrew.com/" target="_blank" ><U><FONT color=#0000ff>The Hot Crew</FONT></U></A>，使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中，在国外的设计类和艺术类Blog非常多件，从这个部分来说，国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现，因为Blog将为更人用来展现自己的个人风采。<BR> <BR> <STRONG>- 明亮的色彩搭配区块及颜色的渐变：<BR> </STRONG><a href="http://9rules.com/" target="_blank" ><U><FONT color=#0000ff>9rules</FONT></U></A>、<a href="https://www.blinksale.com/blog/" target="_blank" ><U><FONT color=#0000ff>Blinksale</FONT></U></A>、<a href="http://www.serenegreen.com/" target="_blank" ><U><FONT color=#0000ff>Serene Green</FONT></U></A>、<a href="http://www.fr[wiki]UI[/wiki]tcast.com/" target="_blank" ><U><FONT color=#0000ff>Fruitcast</FONT></U></A>都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求，不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。<BR> <BR> <STRONG>- 对话气泡框住的回复(Speech bubble comments)：</STRONG><BR> 回复部份的个性装饰，例如<a href="http://www.hicksdesign.co.uk/journal/" target="_blank" ><U><FONT color=#0000ff>hicksdesign</FONT></U></A>和<a href="http://www.[wiki]Digg[/wiki].com/software/[wiki]Word[/wiki][wiki]PR[/wiki]ess_2.0_is_offical" target="_blank" ><U><FONT color=#0000ff>Digg</FONT></U></A>。Digg的回复框令人印象深刻，不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。<BR> <BR> <STRONG>- 圆角(Rounded corners)：</STRONG><BR> 用[wiki]CSS[/wiki]而不是图片来实现各种各样的圆角，具体的技术细节<a href="http://www.alistapart.com/articles/cus[wiki]Tom[/wiki]corners/" target="_blank" ><U><FONT color=#0000ff>A List Apart</FONT></U></A>有介绍。圆角很好看，不过用起来还是要花小小的功夫。<BR> <BR> <STRONG>- 高亮链接(Highlighted links)：</STRONG><BR> 不用下划线，而是用鼠标划过以后的背景色改变来表现超链接。呵呵，我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。<BR> <BR> 这些趋势有一个共同的特点，就是针对较短篇幅的文字进行阅读体验的优化，值得所有的Blogger借鉴，更值得BSP学习。<BR>
