看上去复杂的规范,其实都可以抽离出同一套编写思路,不管你写的是哪一类规范(比如组件规范、动效规范、Banner 视觉规范等 )都可以尝试分为以下几个步骤:
1. 定义通用原则
2. 定义事件特点
3. 定义特殊场景
4. 其它内容补充
一、定义通用原则
通用原则会为你的使用者提供评价内容设计好坏、质量高低的衡量标准,定义整体设计的大方向,也会帮助使用者决策,判断什么该做、什么不该做。
案例:
以编写「Banner 的设计风格」规范为例,规范中的某两条内容如下:
– 契合语义:Banner 中的元素需要与文字语义契合,并对重点内容做强化和引导;
– 样式简洁:以不过于吸引视线为标准,形状不可过于复杂,面积不要过大,符合 XXXX 行业的风格特征。
经验:
1. 通常总结出关键的 2-5 条即可,内容在精不在多;语言精练,易记、易理解很重要。
2. 这些原则是最基础、通用的判断标准,在编写的过程中要结合实际情况,使之具备真实有效的指导性。
3. 形式要从简。写规范不是为了彰显设计价值,而是为了统一和更正他人的设计行为,因此形式要追随功能,侃侃而谈和花里胡哨的排版都要慎用,切忌舍本逐末。
二、定义事件特点
接下来你需要对所要规范的事件本身进行描述,包括事件的特征、状态、使用方式等细节。这就需要你对于事件本身进行有逻辑的拆解和分类,你可以按照设计流程或者组成事件的框架结构来进行描述。
案例:
以编写「Banner 的设计风格」规范为例,你可以按照 Banner 的设计产出流程,从 Banner 的构成框架、图案样式、文案规范、色彩规范、输出文件格式等方面,对其进行详细描述,这些内容就是你对于设计产出的基础要求和限制。
经验:
1. 通常来说你不需要从 0-1 来定义这部分内容,而是可以借鉴现有行业中已被广泛认可的设计原理和法则(比如视觉原则就有:视差规律、情感化设计、费兹定律等等),来为你的规范做理论背书,再结合实际产品 / 行业特点来编写规范。
2. 规范颗粒度没有限制,描述越细致,规范就越严格。规范定义得太宽松会起不到效果,太严格则会产生限制、不宜遵守,因此要适度。
3. 对于一些比较难理解的规范内容,可以给出一些正确 / 错误实例,也直接给出一些切实可用的实操模版,辅助使用者进行理解或操作。如下方 Material Design 在描述 icon 设计规范时给出的实例:
三、定义特殊场景
以上的通用规范和定义可以涵盖 80% 左右的设计情况。但在具体业务中难免会出现特殊或极端情况,预判并定义这些特殊场景的使用方式也很重要。你可以把特殊场景理解为「边界场景」,相当于找到事件位于临界点时的处理方法。
案例:
还是以编写「Banner 的设计风格」规范为例,对于文案规范这部分内容,当业务一定要修改现在的文字排版和布局;或者给出的文字内容很长且无法缩减;再或者要翻译成多国语言等,对这类情况提前做好预判,给出合理的解决方案。
经验:
1. 对于特殊场景,你可以给你自己设定一条逻辑线,有顺序地思考。
2. 更可行的方法是收集实际工作中其他设计师在设计过程中遇到的各种特殊情况,进行汇总整理。
3. 特殊场景的规范不需要一步到位,随时发现,随时补充。
四、其他内容补充
你还可以补充以下内容,让你的规范更完整:
– 应用此规范的最佳实践案例;
– 对于其他相关部门的同事,想要获取相关知识,如何快速阅读关键内容;
– 设立简易的反馈和答疑方式,收取使用者的反馈,以便优化规范;
– 规范的更新时间和更新内容纪要,保留完整的记录和归档。
规范的编写过程不会是一帆风顺的,不要急于求成,可以步步为营,逐渐优化。
另外,并不是说规范文档编写好就万事俱备了,更重要的是要提供给规范使用者阅读的便利性,包括:如何更快地阅读文档、在更新文档之后如何同步等等。关于编写好规范如何落地和推广应用,你可以查看文章:如何让「设计规范」被有效执行和落地? 。
原文链接:长弓小子(公众号)
作者:元尧
转载请注明:学UI网》工作经验|如何编写「设计规范」?这套思路一学就会!
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司