The sky of Daemon! Blog Archive Blog设计的7个趋势
来源:百度文库 编辑:神马文学网 时间:2024/04/28 18:33:30
«Odeo
bsd 视频 bsd baby »
Blog设计的7个趋势
阅读次数:93
cre8d design blog里有一篇关于Blog Design Trends的文章,例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。
- 大字体(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):
不用下划线,而是用鼠标划过以后的背景色改变来表现超链接。呵呵,我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。
这些趋势又一个共同的特点,就是针对较短篇幅的文字进行阅读体验的优化,值得所有的Blogger借鉴,更值得BSP学习。
bsd 视频 bsd baby »
Blog设计的7个趋势
阅读次数:93
cre8d design blog里有一篇关于Blog Design Trends的文章,例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。
- 大字体(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):
不用下划线,而是用鼠标划过以后的背景色改变来表现超链接。呵呵,我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。
这些趋势又一个共同的特点,就是针对较短篇幅的文字进行阅读体验的优化,值得所有的Blogger借鉴,更值得BSP学习。
The sky of Daemon! Blog Archive Blog设计的7个趋势
The sky of Daemon! Blog Archive Digg工具完全列表
The sky of Daemon! Blog Archive Blog工具-投票系统篇
The sky of Daemon! Blog Archive 美味书签del.icio.us的工具、插件和附加工具完全列表
Blog设计的7个趋势
Blog设计的7个趋势
Blog设计的7个趋势 - WebLeOn‘s Blog
The sky of Daemon! 美味书签del.icio.us的工具、插件和附加工具完全列表
抽思 - Blog of EX.IMIO.US Blog Archive ? 我的WEB2.0战略
ART OF THE SKY
抽思 - Blog of EX.IMIO.US Blog Archive ? 我的关于WEB2.0产品定位的原则
抽思 - Blog of EX.IMIO.US Blog Archive 在以Gmail为标志的WEB2.0浪潮中
e路上-eRoading.com? Blog Archive ? 75个最佳Web设计资源
ACRLog Blog Archive ? Moving Tagging Into The OPAC
Cero’s Weblog Blog Archive ? web2.0中流行的设计元素:颜色
Cero’s Weblog Blog Archive web2.0中流行的设计元素:颜色
油茶研究会 Blog Archive 每周一站:软件下载网站的设计(softpedia...
Initiative ? Blog Archive ? 为什么计算机扫荡了打字机/图纸设计...
望月的博客 Blog Archive 搬家通知
Fwolf’s Blog Blog Archive subversion和module_rewrite的小冲突?
YYaNG Blog ? Blog Archive ? 雅虎版的Adsense Yahoo...
WhiteNight’s Blog ? Blog Archive ? 信息设计软件 信息图表设计软件介绍
天天向上 Blog Archive
祥哥说说话 ? Blog Archive ? 24个日常