您的位置: 视觉艺术互联 >> 视觉 >> 界面 >> 文章正文
Netvibes界面UI评析
www.ArtGlim.com ┊ 时间:2006-6-26 ┊ 来源:rexsong.com 一叶千鸟



Netvibes.com是个人认为现阶段最棒的web2.0网站,要比Microsoft和Google的同类产品要强。相对Flickr和Delicious,Netvibes除了有极高的易用性还有出色的UI设计,精致且浑然一体。


配色方案,给人一种很舒服的感觉。整个页面主色调是蓝色,大范围辅助使用了灰色,用色很节省,显然都经过了细致的推敲,某些过渡色估计是混合出来的,另外还使用少量绿色系颜色做点缀。


文字链接,主要就使用#36C, #000, #f60, #ddd, #777五种颜色,第二种文章列表的方案很有特点。


加载中,各模块异步加载,无页面刷新实现。

 


正常模块,模块外边缘有3个像素浅灰#eee,和斜线底纹灰的#DADADA稍微有一点深浅区别,有一种模糊朦胧的感觉。


编辑状态,自定义显示的文字和背景色,红框内文字可以自由编辑。


拖动中,此为拖动中的状态,红色虚线框为可放位置提示。


收缩后,全部模块可以全部收缩,单个打开。


文章列表及内容,浮动在最上层显示,用黑色边框#000突出。


控制面板,点页面左上角“add content”后弹出显示,和当前页面模块在同一个平面,边框为深灰色#AAA区别。


从设计思想来看,辅助设计一张图片也没有用,典型的Simple and Usable。每个单独的模块就是一个对象,方便自由调用。用户体验的角度,易用性很好也很流畅,没有明显停顿和比较耗资源的操作,兼容性也不错。其他人性化设置:

1,自定义标题
2,模块定时自动刷新
3,自动保存设置

本文链接:


在线编辑:老雕

相关文章 本栏最新
  • 利用Photoshop来制作Web2.0样式RSS图标

  • Web2.0视觉风格进化论一

  • Photoshop制作Web2.0风格的Logo

  • Adobe Photoshop CS3 beta界面设计欣赏

  • Web2.0的视觉设计

  • Windows Vista 安装过程截图

  • Web 2.0 城市!

  • Addone 录音软件界面设计作品

  • 打破玻璃的动画效果

  • QuarkXPress的启动画面变迁

  • 推荐文章 Jairo Boudewyn图标设计作品欣赏
    普通文章 Reooo.com 商业图标设计赏析
    推荐文章 Adobe Photoshop CS3 beta界面设计欣赏
    推荐文章 Louie Mantia图标设计作品欣赏
    推荐文章 Windows Vista 安装过程截图
    推荐文章 微软Windows Vista RTM图标设计
    推荐文章 2006GUIC全场最佳壁纸奖
    推荐文章 Addone 录音软件界面设计作品
    推荐文章 QuarkXPress的启动画面变迁
    普通文章 近期一些精彩的软件启动画面欣赏之二

  • 上一篇文章:
  • 下一篇文章:
  • 发表评论  ┊  告诉好友  ┊  打印此文  ┊  关闭窗口TOP

      未经授权严禁转载本站任何内容,本站保留依法追究法律责任的权利。凡通过本站授权的合作站点,转载本站文章必须注明来源为---视觉艺术互联,作者和来自我站的链接必须保留,转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 本站所刊登的任何文章、作品,不代表视觉艺术互联的立场。本站转载他站的文章,主要用于传播信息或理念思维。没有丝毫商业意图,并清晰标注稿件真实来源。如侵犯你的版权,请联系删除!




    视觉作品
    设计教程