设计系统入门套件 2022
概述
您在互联网上找到的大多数设计系统套件都包含大量预制组件。我们不相信这是你需要的。
预制组件通常很难使用,并且很少能满足客户的确切要求。预制组件没有意义。我们提出以下建议。
我们注意到每个项目都从80小时的设计系统准备工作开始。这是:定义排版,定义空格,定义颜色概述,定义网格,设置基本模块(如按钮和窗体)等。
Figma 文件中的页面:
1. 设计系统设置:什么是设计系统,以及文件是如何设置的。
2. 排版:15 个精心设计的画板概述了台式机、平板电脑和移动屏幕尺寸的排版。
3. 网格:八个画板,用于解释此设计系统的网格。针对 6 种不同的屏幕尺寸定义。
4. 颜色:此设计系统中使用的颜色的漂亮概述。易于更换。
5. 空格:幻灯片解释了空格的使用,并概述了允许的空格。
6. 图标:一组13个常用图标。
7. 交互式:按钮,字段和下拉列表,根据最新的Figma功能进行设置。
8. 摄影:我们更喜欢在 Figma 中设置摄影方向的一个例子。
9. 本文件中使用的分子设计概念应用。
10.Organisms:根据智能命名系统,结合干净整洁的布局来组织所有模块。这部分非常独特,并且将是您在其他套件中找不到的东西。
为您节省 80 多个小时
适合每个项目
制作精美
100 多个画板
Atoms设计和4pt网格系统
独一无二的套件
____________________________