Netvibes界面UI评析
 
1
 
[来源] rexsong.com    [作者] 一叶千鸟    [发表时间] 2006年6月25日14:6
 

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,自动保存设置

 
1
 
[ 相 关 欣 赏 ]
 
 
[ 网 友 评 论 ]
 
 
[ 提 交 评 论 ]
 
选择表情: 姓名:   电子邮件:


内容:  不超过200字