从创建规范，到精准落地

导语：为什么苹果的设计如此吸引人？无论是软件、硬件、品宣、广告都继承了其简约、极致的设计精髓。在多元变化的市场环境下，为何它能一直保持一致的体验语言，其实这一切源于他们的标准。

如何在产品设计中制定一套有效的规范标准，建立自己的产品设计语言？一般可以分为三个阶段，探寻期、输出期、落地期，这次就来分享一下如何创建一套完整的设计规范。

01 探寻期

1. 为产品寻找调性

调性是产品给用户的整体感受，通过印象标签让用户产生联想并记住产品。包括颜色、字体、质地、布局等元素共同构成，形成统一气质。

结合主要的用户群体思考。拿字体来说：一般情况下小孩与老人字号大而醒目，青年群体适中且个性；所以，面对不同的用户群体，需要设定易于该用户群体阅读的字体与字号。

从产品品牌去思考。挖掘当前的图标语言趋势，借鉴其表达方法融合在自己产品里，让品牌基因与产品紧密关联。

分析目前的视觉流行趋势。让设计方向保持前瞻性，借鉴融合，形成产品独有的风格。如3D语言、流体视觉、多彩表达都是较为流行的表现手法。

结合对标竞品进行思考。通常情况下竞品会是最直接的参考资料，从排版、布局、空间，发现对手身上优质的思路，帮助产品更好发力。

02 输出期

1. 定义颜色、LOGO、质感

通过对产品调性的准确判断，锚定方向后可开始定义品牌色、LOGO、质感，为界面设计提供最基础的设计单元。

颜色，由品牌色、辅助色、点缀色、字体色四种组成。主色根据产品关键词推导；辅助色是主色相邻色或对比色；点缀色常用于产品特殊和提醒状态；而字体色一般与主色调和，让整体视觉更加协调。

LOGO是一个产品的形象和符号，体现产品的底蕴和品味。一般产品LOGO、辅助形、品牌字体三个部分相互组合使用，从而达到一致的传播效果。

质感要与产品定位相吻合。在纯扁平的潮流之下，诞生了磨砂玻璃、新拟态、深度扁平等风格；在图标、按钮、页面背景中都可以融入质感语言，帮产品提升设计品质。

2. 有效设计关键页面

在设计关键页时可以用删格系统去规划信息元素，让布局更有规律。PC端一般为12列、平板为8列、移动端为4列；槽一般固定为4PX的倍数,如16px、24px、32PX等，列越多信息布局越灵活。

优先考虑输出核心页面。在产品输出期都是争分夺秒，我们可以先将产品一级核心页面或关键流程页面进行输出，如首页、我的、发现、登录，兼顾效率与质量的平衡。

在团队协作时，可将高级设计师放在一级面的设计输出上，定义设计原则和规范，由其统筹设计方向。参与设计师进行跟进和完善，让每股劲都使在刀刃上。

当核心页面输出后需通过内部评审，将不足反应出来，即时修改。最终大家达成一致的设计方向与思想，更利于并推进后续工作与安排。

03 落地期

1. 在设计中沉淀规范

规范形成不是一蹴而就，而需经过一定时间沉淀和积累；每位设计师需阶段性累计规范，主视觉负责定期收集整理和完善，形成一个规范共建的循环。

创建规范时，主视觉需要界定出规范的范围并分类。一般情况下可以分为界面布局、基础规范、模态反馈、录入状态、信息展示五大类，这五种几乎可以适应大多数产品。

2. 规范中的具体分类

界面布局是围绕屏幕尺寸、体验原则、开发逻辑的展示与规划。常见的布局方法是通过栅格和百分比，去有规律的容纳并管理信息；如宫格式、瀑布流、陈列馆、卡片式等都是经典的布局方式，通过合理的布局，可以定义出页面展示样式和基本的体验规则。

规范基础是产品的基石，所有的页面基本都是围绕其去演变；可分为颜色规范、文字规范、图标规范、按钮规范、间距规范，同时需根据场景定义不同的尺寸和状态。

模态反馈是指在整个产品体验环节中所有触发事件后呈现的状态。如进度条、结果态、弹窗、Toast、加载态等，无论是模态还是非模态提示都需考虑其中。

录入状态是属于产品使用中主动或被动的互动行为。如信息输入、选择、切换、上传、留言等，与之互动的一系列操作都属于用户录入。

信息展示是产品中默认的可视化区域，如图表、广告、缺省图、卡片区等。展示区域经常会碰到尺寸适配、特殊状态、极端情况等，往往需和产品、交互共同讨论出相关的展示规则。

以上就是创建产品规范的五种分类方法。在实际项目中，需穷尽每一个类别的内容，尽可能去做到每个功能都有表格记录，便于查验，做到不留遗漏。

3. 通过宣导，达成共识

当我们输出了完整的规范后，可以整理一份宣导文档；通过内部小会相互交流意见，收集整理现存问题，修改并完善规范的不足，上下统一设计规则让后期执行更高效。

对外我们也要需要和其他部门达成一致的规则与共识。可以邀约开发、产品、测试进行统一的规范宣导。多个部门形成一致的共识，让落地更精确。

04 结语

建立了设计规范等同于制定了一套与外界对话标准机制，可以帮助用户养成习惯，让设计协作更顺畅，部门之间沟通更方便，也让产品迭代更高效。

拥有规范仅仅解决了产品的基础问题，若要持续提升体验，赋予产品更高价值，则需根据场景，不断优化迭代保持生命力。

希望大家看完这文章之后有所收获，吸收文章的内容运用在实际项目当中。

 

作者：WOWdesign，研究设计价值最大化，涉及用户体验、品牌体验、空间体验。

本文由 @WOWdesign 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Unsplash，基于 CC0 协议