从创建规范,到精准落地

1 评论 822 浏览 12 收藏 12 分钟

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

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

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 协议

给作者打赏,鼓励TA抓紧创作!
1人打赏
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 干货满满,很多环节,都讲的很清楚!赞~

    回复