很早之前就想整理一下关于设计规范的那些事了,从业至今遇到各种各样的问题,每次画原型时都要重新画控件,甚至有时会过于关注控件细节本身而忽略了用户体验,而设计规范不仅是设计师对产品全局的一种把控,也是设计师成熟设计思想的一种体现。
本篇文章作为此类文章开题,首先从两个方面讲述设计规范的基本概念。
一、 为什么要做设计规范
想当初刚开始接触UI时充满了好奇心理和对这个行业的敬畏,而新手对于设计的确定也很明显,设计不规范,icon大小不统一,整体颜色过多或者颜色偏差过多,字体大小过于随意等,随着个人成长和做过越来越多的设计,我也越来越明白设计规范的重要性。
1 维护平台统一性
- 统一性是设计的一个基本原则
- 维护统一的品牌视觉,对于公司品牌形象来说,一个统一的品牌视觉,可以极大地减少设计语言的干扰,保证品牌视觉的简洁、美观、大气,设计师需要在集成和统一的前提下逐步优化,在范围内创新.
2 建立设计秩序,流程化通用设计
- 建立设计秩序,有参考有秩序,不随意
- 通用的样式,模块不需要每次都创新设计
- 通用设计可以大量复用,只需适当调整个别页面
- 形成统一的视觉语言,便于团队内部沟通,避免个人审美误差造成的设计混乱
3 简化设计工作量,提升团队工作效率
- 通用设计可以大量复用,只需适当调整适配或者个别页面
- 极大减少了设计工作量
- 使团队成员更注重用户体验,将设计重心放在用户目标以及产品目标等
- 减少和产品开发的沟通成本
- 便于新手或者新成员快速上手
二、如何制定设计规范标准
1 规范制定的时机
规范制定的过早或过晚都不太好,过早会限定设计的思路和方向,过晚则需要大量的修改和维护时间,比较合理的时机实在基本的页面风格定好之后在开始设计规范的制定。
2 设计规范的标准一般包括哪些
做之前先明确我们需要整理哪些内容,这些内容的分类是怎样的,下图是腾讯云规范时列的内容及分类,初始时可能做得不全,不过后续慢慢添加即可。
设计规范一般包含:
- 设计原则
- 设计风格
- 框架布局
- 文案
- 组件
- 数据录入
- 数据展示
- 控件
- 反馈
- 场景
- 动效
3 确定优先级,制定规范
由上图可以看出,一整套规范包含的内容非常的多,所以内容和分类整理好后,还需要确定每块内容的优先级和分工。从大的模块上说,首先应当确定整体的设计风格和框架,整体确定后才好确定细节的风格;其次的优先级最好是控件、组件、场景,因为控件组成组件,控件和组件组成场景,所以先确定小的控件后,组件和场景更容易确定。
规范并不是一天两天做完的,需要不断的积累、更新,和团队内部讨论,整理规范可以锻炼设计师的基本能力,对整体的把握和对细节的最求,慢慢积累会越变越强。