发布时间:2024-04-01 15:08:01 浏览量:161次
我曾在文章:如何让「设计规范」被有效执行和落地? 一文中为大家介绍过「设计规范」的落地经验。这一期再给大家分享一套「设计规范」的编写思路,相信看过之后,你也可以编写出高质量的设计规范。
看上去复杂的规范,其实都可以抽离出同一套编写思路,不管你写的是哪一类规范(比如组件规范、动效规范、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设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
2. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程,以及培训后的职业发展机会。
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
1、PSCC—首选项,选择界面颜色
最新文章
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!