第29届2008北京奥运会 涅磐北川 缘·空间BLOG

交流探讨网站重构|CSS布局|用户体验|网站页面设计等话题

 
« 腾讯娱乐(Ent.QQ.Com)改版,宽版面新感受Otag.Cn网页截屏工具开源,网站页面设计同时更新 »

Digg.Com再次改版,布局和细节的优化带来新感受

阿里妈妈再掀疯狂采购风,网站广告位严重告急,急召天下站长
Digg.Com又一次进行了改版,本次改版最大的变化就是左侧的导航栏被移至页面顶端,很可惜,我并没有将Digg.Com旧版网站页面设计的整体截图保存下来,那我们就一起来欣赏欣赏新版的Digg.Com吧:

Digg.Com新版网站页面设计截图欣赏

可以看到页面顶部三个分类:Videos、Podcast和News,三个一起被设置为顶层分类,由此也可得知目前微视频和播客的火热程度 :)

页面色彩的搭配相当柔和,各类设计精致的像素小图标为多以文字信息为主的页面增色不少;对于块级信息的美化处理也有自己独特的方式(渐变线),而我们也可以看到现在许多国内的Digg网站等也纷纷效仿;

由于页面信息量大,所以页面文字的表现就关系到页面给人的整体视觉感受,个人感觉Digg.Com在这方面做得蛮好,文字字体的大小、鼠标悬停时的颜色变化、标题的表现、按钮文字的处理等等,力求有变化、有区别、便于用户识别和使用,但却又透着统一之美。

页面布局采用了左右双栏,大约比例为2:1,由于Digg类网站信息的特殊性,所以此类网站布局多数沿用了这样的信息展示形式,用户非常容易接受,也更熟悉,这已经成为一种习惯!网站采用DIV+CSS布局进行网站重构,查看源代码可以看到代码结构比较清晰,具有实际意义的名称定义便于后期维护;

Digg.Com的页面设计有自己独特的风格,自成一体,设计精良,以上只是我的个人所见的很表面的一些感受,希望自己可以学到些,受到些启发,嘻嘻 :)
如无特别说明,转载请注明来自缘·空间,谢谢
  • 该日志的引用地址及评论订阅地址:
  •  http://www.roplo.com/cmd.asp?act=tb&id=221,http://www.roplo.com/cmd.asp?act=rss&id=221

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

Advertisement

最新留言

最近发表

Powered By Z-Blog 1.5 Build 60108 Skin:roplo Designed By lycey

Copyright 2006 http://www.roplo.com. Some Rights Reserved. 沪ICP备05050723号