第一次迭代，不断精简视觉元素过程中的设计摸索

PowerMatrix截图

PowerMatrix(简称PM)是彩程在09年开发的在团队内使用的工作记录软件，也是TeamCola的前身。去年末由于所有人都已经无法忍受PM之苦逼难用，我们决定重新开发一款供团队内部使用的工作记录应用，由我来担任视觉设计，第一版视觉设计在12月初放出。

新PowerMatrix(当时还不叫TeamCola)有任务、项目、工作记录(日历)和积分功能，取代老PM首页的是一个，显示团队近期的动态(任务、里程碑和项目的新建、完成等)，侧边栏显示自己的任务和项目。第一版的视觉稿很快就做出来了，整体风格贴近其名字”PowerMatrix”蕴含科技色彩的冷峻专业。为了使页面更加紧凑，减少视觉焦点，通常放置在左上角的logo被移动到了footer位置。

这版视觉沿袭了当时我的设计风格，以渐变和阴影表现页面元素间层次，使用偏向中性色调。由于毛病太多(中间空白区域辽阔得可以放羊、层次太乱、LOGO的放置问题等)很快就被否决，在团队几次讨论后第二、第三版的设计也紧接着推出来了。

随着logo由科技感的文字变成一个更加geek的矩阵，PowerMatrix的渐变也逐步被弃用而转为更为纯粹的单色，所有阴影也随之取消。更大的变化是在排版和文案上的优化：导航的任务显示任务数气泡、dashboard的列表文字主次区分、侧边栏视觉上的弱化以及主区域加高突出等等，这次优化的设计很多保留到了第三次迭代之前，而视觉上的去繁入简更成为了后面迭代的核心诉求。

出处：
责任编辑：bluehearts

上一页 拥抱极简——TeamCola设计实录 [1] 下一页 拥抱极简——TeamCola设计实录 [3]