上一篇
下一篇
Blog设计的7个趋势
作者:lcy 日期:2006-06-19
- 大字体(Big fonts)：
11号Verdana字体已经过时，大字体的标题和正文重新流行。如Garrett Dimon’s blog或Whitespace都使用了大字体。在传统的西文网站中，字体过小的情况的确比较普遍。对中文网站来说，12px的大小个人觉得还是不错。而在Blog中，再大一点的字体也许可读性更强，要不要把我的Blog正文字体改为13px？
- 顶端粗边线(Top border)：
这是一个很细小的装饰，但的确很流行，那就是在网页最顶部加上一条100%宽度、5或6pt高的边框，就像 A List Apart、Tech Crunch、Whitespace和Giga OM那样。这样的横条虽然基本不影响浏览，但是的确很有现代感，我个人也很喜欢，但是这种设计似乎在中文网站中还较少见。
- 超大的页首和页尾(Big headers/ footers)：
例子如Juque、Read/Write Web、Business Logs、The Hot Crew，使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中，在国外的设计类和艺术类Blog非常多件，从这个部分来说，国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现，因为Blog将为更人用来展现自己的个人风采。
- 明亮的色彩搭配区块及颜色的渐变，9rules、Blinksale、Serene Green、Fruitcast都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求，不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。
- 对话气泡框住的回复(Speech bubble comments)：
回复部份的个性装饰，例如hicksdesign和Digg。Digg的回复框令人印象深刻，不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。
- 圆角(Rounded corners)：
用CSS而不是图片来实现各种各样的圆角，具体的技术细节A List Apart有介绍。圆角很好看，不过用起来还是要花小小的功夫。
- 高亮链接(Highlighted links)：
不用下划线，而是用鼠标划过以后的背景色改变来表现超链接。
这些趋势又一个共同的特点，就是针对较短篇幅的文字进行阅读体验的优化，值得所有的Blogger借鉴，更值得BSP学习。
11号Verdana字体已经过时，大字体的标题和正文重新流行。如Garrett Dimon’s blog或Whitespace都使用了大字体。在传统的西文网站中，字体过小的情况的确比较普遍。对中文网站来说，12px的大小个人觉得还是不错。而在Blog中，再大一点的字体也许可读性更强，要不要把我的Blog正文字体改为13px？
- 顶端粗边线(Top border)：
这是一个很细小的装饰，但的确很流行，那就是在网页最顶部加上一条100%宽度、5或6pt高的边框，就像 A List Apart、Tech Crunch、Whitespace和Giga OM那样。这样的横条虽然基本不影响浏览，但是的确很有现代感，我个人也很喜欢，但是这种设计似乎在中文网站中还较少见。
- 超大的页首和页尾(Big headers/ footers)：
例子如Juque、Read/Write Web、Business Logs、The Hot Crew，使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中，在国外的设计类和艺术类Blog非常多件，从这个部分来说，国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现，因为Blog将为更人用来展现自己的个人风采。
- 明亮的色彩搭配区块及颜色的渐变，9rules、Blinksale、Serene Green、Fruitcast都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求，不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。
- 对话气泡框住的回复(Speech bubble comments)：
回复部份的个性装饰，例如hicksdesign和Digg。Digg的回复框令人印象深刻，不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。
- 圆角(Rounded corners)：
用CSS而不是图片来实现各种各样的圆角，具体的技术细节A List Apart有介绍。圆角很好看，不过用起来还是要花小小的功夫。
- 高亮链接(Highlighted links)：
不用下划线，而是用鼠标划过以后的背景色改变来表现超链接。
这些趋势又一个共同的特点，就是针对较短篇幅的文字进行阅读体验的优化，值得所有的Blogger借鉴，更值得BSP学习。
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 3 | 查看次数: -
发表评论