所在位置：
首页 >
营销资讯 >
网站运营 > 初学网页设计，对设计规范有些迷茫，规范到底是怎样的？
初学网页设计，对设计规范有些迷茫，规范到底是怎样的？
时间：2024-02-17 01:30:01 | 来源：网站运营
时间：2024-02-17 01:30:01 来源：网站运营
初学网页设计，对设计规范有些迷茫，规范到底是怎样的？：
近几年设计系统越来越受到大家的关注，国内有阿里集团的 Ant Design、Fusion Design，以及字节系的 Semi、Arco、腾讯的 TDesign；国外也有大家比较熟悉的 IBM Carbon Design、Salesforce Lightning Design，以及前段时间给大家介绍的 AWS CloudScape。
对于这些设计系统，大家时常会有一些不一样的观点。比如有的同学认为 A 做得好，B 太过于简单，全是底层能力没啥用。
如何理解这些设计系统之间的差异，是我们学习过程中非常重要的一环。我们不能简单的从内容上去做比较，而是需要先从它们的定位出发。
我个人的观点，
是会将这些设计系统分为系统级→领域级→业务级三层，大家可以用下面这张图看清楚它们的逻辑。
系统级：
当下的数字产品大部分是基于操作系统和浏览器所构建的，所以我们首先需要基于 OS 或浏览器级的设计系统开始工作。
这里最常见的是 Google 的 Material Design、Apple 的 Human Interface Guideline以及各种 Web 前端框架，比如 BootStrap。
配合硬件和软件技术的发展，系统级的设计系统为我们提供丰富的交互形式以及设计指引。同时它们也对用户的基础认知和使用习惯做出了定义和引导，确保了一个产品在基础交互层面的体验基准线。
领域级：
业务级是整个设计系统层级中最上面一层，也是大家参与得最多的部分。它的定位很明确，就是基于行业的特性去给自己的业务构建设计系统。IBM 的 Carbon Design、AWS 的 CloudScape Design 以及大家都在参与的都属于这一类。
业务级的设计系统的目的是提供明确的约束和指引，能够帮助业务快速的实现产品业务逻辑，避免不必要的浪费。同时也需要具备良好的业务抽象和扩展性，有非常好的运作机制，能够提升整体业务生产链路的效率。
网络上能找到的业务级设计系统很多，它们也是我们非常好的学习案例。正是因为它们面向的是解决业务问题，所以大家不能单纯的看内容，而是需要结合这个行业以及这个产品的特性、问题来进行分析。
很多人都觉得类似 IBM 的 Carbon Design 做的非常好，但虽然它是开源的设计系统，却似乎很少看到使用的案例。其实这一类的设计系统大多都是在自己的业务中逐渐生长出来的，还是带有比较强的业务属性和品牌特性，真正在自己的业务中去使用未必合适。
这里我非常推荐大家去看一看 AWS 的 CloudScape，看看它是如何去做对设计的抽象和约束的。
从系统级设计系统到业务级的设计系统，其本质就是一个从抽象到具象的过程，基于一些明确的共同认知去建立业务中明确的设计约束，从而给产品设计研发提供准确有效的指引。以上内容源于「设计有得聊」会员专栏内容，
加入会员了解更多关于设计系统、架构型设计师的相关内容，及已更新的 120 多篇专栏文章。
在线咨询
