今天视觉设计师拿出了一本视觉规范文档出来,让产品经理评审。
借这个机会正好做个总结。
产品经理到底该如何去评审视觉规范呢?视觉上很多地方是主观,产品经理应该信任视觉设计师,因此在评审的时候更多是帮助视觉设计师补缺补漏,按照产品的原则和基本的设计原则帮助设计师完成规范方案。
1、内容是否完善
内容是否完善不是脑海里面想到一个视觉组件就是一个,需要有一个“检索方式”,帮助自己从全局角度看视觉规范文档,这个“检索方式”就是内容结构。
1.1、内容结构
定义出内容结构,使内容不乱,结构清晰,未来能够有效拓展。
我将视觉规范定义为5个层级:
1.2、组件是否有缺漏
基于上述的框架,我们可以清晰地知道其中可包含哪些组件
大家就可以百度或者根据自己的实际产品去联想视觉规范中是否有组件缺漏。
请记住不是所有的组件都需要做好规范,否则视觉规范也是一个无止境的工作。基础的、使用比较多的组件是一定要具备的。
2、是否符合基础原则
2.1 统一性
统一性就是要求整体的效果是统一的。比如视觉风格,要么扁平,要么拟物、要么卡通、要么具象...再比如颜色,要么和logo色一致,切记不要搞出和logo色或者品牌色不一样的地方
2.2 突出重点
一个页面有许多的内容和元素,我们不可能要求用户所有的内容和元素都要感知到,用户也没有心思去看所有的内容和元素。因此我们需要给用户展示重点。
所以视觉设计上对于某个内容组件来说,一定要有强弱设计的考虑,或者对特殊的组件进行重点处理。例如:
2.3 对齐与间距是否规范
这点与我个人工作相关,因此我比较在意。有时候看到一些视觉页面,不同页面,同类模块的对接和间距竟然不一样。有时候为了快速响应一个功能或者小产品,我们会直接跳过UI,直接开发,但是技术同事很多时候是不会考虑视觉规则的,比如是否要对齐,间距如何一般都处理得比较粗糙。因此我会特别关注视觉规范的布局和栅格设计中是否有间距和对齐的设计。
根据我个人的想法,做好统一性、突出重点、对齐、亲密性与留白,基本上整体的视觉都不会丑。
感兴趣的同事可以自行去搜索了解下设计的一些基本法则。