提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
本文带有个人观点,欢迎各位大神指点~
前言
新手小白和处于迷茫期的设计师对设计规范会有以下疑惑:
那么本文会从以下方向进行解答,带着这些疑问,开始吧~
设计规范
设计规范是用于统一产品的设计风格和用户体验的工具,帮助提高协同效率,通过收集设计同学、开发同学、产品同学在协同时遇见的问题,针对问题进行抽象归纳形成设计标准与规范。
可以帮助设计同学快速上手,保证产品质量;可以帮助开发同学明确标准,复用组件,提高开发效率;帮助产品同学理解标准,保证产品的风格统一。
规范的搭建机制
在搭建设计规范时,有两个判断点,第一个是遇见的问题是否有解决方案,第二个是新组件在其他业务场景中是否有复用的可能。
应用时的细节
设计规范由设计原则、样式指南、组件库组合而成。以Arco Design为例。
设计原则
相当于整个语言体系中的修辞手法。(8个)
及时反馈、贴近现实、系统一致性、防止错误发生、遵从习惯、突出重点、错误帮助、人性化帮助
样式指南
从形色质构字全方面深入页面细节。色彩、文字、阴影、文案样式、用语原则
组件库
共7大类(通用、布局、数据展示、数据输入、反馈、导航、其他),67个组件。
针对布局、列表、对话框、数据穿梭框4个组件讲解,如何应该以及需要注意的细节。
布局
页面的基础布局框架,常与组件嵌套使用,构建页面整体布局。
列表
最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。
对话框
在当前页面打开一个浮层,承载相关操作。
数据穿梭框
两栏布局的多选组件,将元素从一栏即时移到另一栏。
对规范的思辨
优点:助力初创团队,快速搭建产品,快速上线;减少设计和开发的不确定性;节省设计于开发的人力成本;
缺点:无法根据业务场景定制组件,灵活度不够;组件的业务场景覆盖不够,只能“将就”使用;竞品同质化严重,视觉上无法脱颖而出。
总结
设计师无论多么了解业务,设计的本职工作还是设计,如何保证设计质量,稳定发挥,是设计深耕的底气;现在市面上更多的是分析师,虽然也很重要,但是从公司运行的角度考虑,战略目标交给更专业的人来思考,我们做好后勤工作。
我们可以通过对设计规范的理解,以及业务的理解,从设计的角度畅想业务蓝图,提升设计品质,从而推动设计方向的发展,切勿本末倒置,要做到知行合一,稳健前行。
参考文献
《全是干货!一次性说完搭建设计规范的痛点,还有解决方案!》腾讯CoDesign
《深度解析蚂蚁Ant Design的设计原则》菜菜不甜
《规范、方法、一致性,真有那么重要》苏大牙
《16个大厂设计组件库UI设计规范》设计师易风
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册