您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> Dreamweaver教程 >> 文章正文
[图文]国外Blog设计趋势           ★★★
国外Blog设计趋势
作者:深度|DEDS  文章来源:深度|DEDS  点击数:  更新时间:2007-9-18 12:47:42 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

cre8d design blog里有一篇关于Blog Design Trends的文章,例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。

- 大字体(Big fonts):

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

- 顶端粗边线(Top border):

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

- 超大的页首和页尾(Big headers/ footers):

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

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

- 对话气泡框住的回复(Speech bubble comments):

回复部份的个性装饰,例如hicksdesignDigg。Digg的回复框令人印象深刻,不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。

- 圆角(Rounded corners):

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

- 高亮链接(Highlighted links):

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

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

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    没有相关文章
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门