TeamCola的第一个可用版本在开发完成后在2月2日这个非常2的日子里正式在团队里内部使用了,在新鲜感和使用热情渐渐退去后,越来越多产品和视觉上的问题开始显现出来,1个多月后,团队讨论决定对TeamCola做一次大的调整。

即使是早期的版本TeamCola也没打算支持IE6
在视觉上,经过讨论后总结了一些这个版本的不足,首当其冲的是TeamCola的标志。不少人对标志的第一印象是看不出TeamCola的字样,甚至不能辨识代表CO两个字母的橙色小拉环。当一个标志的识别性遇到了问题,无论它的设计构思有多巧妙都不能算是合格的标志。
视觉风上第二次迭代以灰和饱和度较低的深蓝色为主色调,而标题栏则以明亮的橙色作为字体颜色,灰蒙蒙的页面使得一些视觉上的杂音更加明显,在页面结构和排版上也存在着颇多不妥。经过几次讨论我决定推翻当前的视觉重新设计,而TeamCola在一轮又一轮测试反馈当中也酝酿着功能上新的变化。

第一张完成的视觉,项目仍然有任务和里程碑,标签式的项目总览显示的信息也比以前详实许多
4月18日TeamCola迎来了一版崭新的视觉设计,没有了LOGO,没有了条条框框,没有了橙得发红的标题,原本很重的Header也变成了一道淡淡的渐变。页面宽度也从960px缩短到了800px(日历页面为了显示更多信息仍然为960px),整体布局紧凑而又留有呼吸空间,阅读信息也变得轻松了许多。

项目的列表页,新的项目首页以项目列表的形式展示,能够很清楚地看到项目间活跃程度的不同

LOGO还没设计时的登陆页面
出处:
责任编辑:bluehearts
上一页 拥抱极简——TeamCola设计实录 [3] 下一页 拥抱极简——TeamCola设计实录 [5]
|