B端后台设计,如何高效应用设计规范

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
7463 0 6 2023-02-11

本文带有个人观点,欢迎各位大神指点~

前言

新手小白和处于迷茫期的设计师对设计规范会有以下疑惑:

  • 大环境下,对设计的要求越来越高,设计面试更倾向于考察业务理解、需求挖掘、用户分析等环节,设计规范到底还重不重要?
  • 设计应该以创意为主,严格遵守规范会不会限制或阻碍设计师的成长?
  • 在实际业务中,设计规范应该搞清楚哪些细节,才能产出高质量的作品?


那么本文会从以下方向进行解答,带着这些疑问,开始吧~


设计规范

设计规范是用于统一产品的设计风格和用户体验的工具,帮助提高协同效率,通过收集设计同学、开发同学、产品同学在协同时遇见的问题,针对问题进行抽象归纳形成设计标准与规范。

可以帮助设计同学快速上手,保证产品质量;可以帮助开发同学明确标准,复用组件,提高开发效率;帮助产品同学理解标准,保证产品的风格统一。


规范的搭建机制

在搭建设计规范时,有两个判断点,第一个是遇见的问题是否有解决方案,第二个是新组件在其他业务场景中是否有复用的可能。


应用时的细节

设计规范由设计原则、样式指南、组件库组合而成。以Arco Design为例。

设计原则

相当于整个语言体系中的修辞手法。(8个)

及时反馈、贴近现实、系统一致性、防止错误发生、遵从习惯、突出重点、错误帮助、人性化帮助

样式指南

从形色质构字全方面深入页面细节。色彩、文字、阴影、文案样式、用语原则

组件库

共7大类(通用、布局、数据展示、数据输入、反馈、导航、其他),67个组件。

针对布局、列表、对话框、数据穿梭框4个组件讲解,如何应该以及需要注意的细节。


布局

页面的基础布局框架,常与组件嵌套使用,构建页面整体布局。

列表

最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。

对话框

在当前页面打开一个浮层,承载相关操作。

数据穿梭框

两栏布局的多选组件,将元素从一栏即时移到另一栏。

对规范的思辨

优点:助力初创团队,快速搭建产品,快速上线;减少设计和开发的不确定性;节省设计于开发的人力成本;

缺点:无法根据业务场景定制组件,灵活度不够;组件的业务场景覆盖不够,只能“将就”使用;竞品同质化严重,视觉上无法脱颖而出。


总结

设计师无论多么了解业务,设计的本职工作还是设计,如何保证设计质量,稳定发挥,是设计深耕的底气;现在市面上更多的是分析师,虽然也很重要,但是从公司运行的角度考虑,战略目标交给更专业的人来思考,我们做好后勤工作。

我们可以通过对设计规范的理解,以及业务的理解,从设计的角度畅想业务蓝图,提升设计品质,从而推动设计方向的发展,切勿本末倒置,要做到知行合一,稳健前行。


参考文献

《全是干货!一次性说完搭建设计规范的痛点,还有解决方案!》腾讯CoDesign

《深度解析蚂蚁Ant Design的设计原则》菜菜不甜

《规范、方法、一致性,真有那么重要》苏大牙

《16个大厂设计组件库UI设计规范》设计师易风

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票