设计系统入门套件 2022

概述
您在互联网上找到的大多数设计系统套件都包含大量预制组件。我们不相信这是你需要的。

预制组件通常很难使用,并且很少能满足客户的确切要求。预制组件没有意义。我们提出以下建议。

我们注意到每个项目都从80小时的设计系统准备工作开始。这是:定义排版,定义空格,定义颜色概述,定义网格,设置基本模块(如按钮和窗体)等。

 

Figma 文件中的页面:

1. 设计系统设置:什么是设计系统,以及文件是如何设置的。
2. 排版:15 个精心设计的画板概述了台式机、平板电脑和移动屏幕尺寸的排版。
3. 网格:八个画板,用于解释此设计系统的网格。针对 6 种不同的屏幕尺寸定义。
4. 颜色:此设计系统中使用的颜色的漂亮概述。易于更换。
5. 空格:幻灯片解释了空格的使用,并概述了允许的空格。
6. 图标:一组13个常用图标。
7. 交互式:按钮,字段和下拉列表,根据最新的Figma功能进行设置。
8. 摄影:我们更喜欢在 Figma 中设置摄影方向的一个例子。
9. 本文件中使用的分子设计概念应用。
10.Organisms:根据智能命名系统,结合干净整洁的布局来组织所有模块。这部分非常独特,并且将是您在其他套件中找不到的东西。

为您节省 80 多个小时
适合每个项目
制作精美
100 多个画板
Atoms设计和4pt网格系统
独一无二的套件

____________________________

Figma 是一种基于云端的设计工具,允许用户在任何设备上创建和协作设计。它支持矢量图形和位图图像的设计,并允许用户创建交互式原型和用户界面设计。常见的文件扩展名包括.fig和.figma。

Sketch 是一种Mac上的矢量图形编辑器,用于创建用户界面设计和Web设计。它提供了一系列工具和插件,使设计师可以创建高质量的设计,例如图标、界面和原型。常见的文件扩展名包括.sketch和.sketchpad。

Adobe XD 是Adobe公司推出的用户体验设计工具,可用于创建用户界面、原型和交互式设计。它集成了许多功能,如线框图、向量设计、原型制作和共享等。常见的文件扩展名包括.xd和.xdx。

SVG 是一种可缩放的矢量图形格式,可在Web和移动应用程序中使用。它支持动画、互动和可访问性,并且与HTML、CSS和JavaScript集成良好。常见的文件扩展名为.svg。

Adobe Illustrator是一种矢量图形编辑器,用于创建印刷品、Web和移动应用程序的设计。它支持图形设计、排版和插图,并提供了大量的创意工具和效果。常见的文件扩展名包括.ai和.eps。

Photoshop是一种功能强大的图像处理软件,由Adobe公司开发,被广泛用于图像处理、图形设计、数字绘画、网页设计等领域。Photoshop支持多种图像格式的导入和导出,其中最常用的扩展名包括:.psd .jpeg .png .gif .tiff pdf。

C4D (Cinema 4D)是一种三维建模、动画和渲染软件,广泛用于电影、电视、广告等领域。文件扩展名为.c4d。

Blender是一款免费开源的三维图形软件,功能强大,支持建模、动画、渲染等多种操作。文件扩展名为.blend。

Sass 是一种CSS预处理器,可以让开发者编写更加简洁、易于维护的CSS代码。文件扩展名为.sass或.scss。

Iconjar是一种图标管理软件,可以帮助设计师组织和管理图标库。文件扩展名为.iconjar。

Principle是一款交互设计工具,专门用于设计移动应用和网页的动画和过渡效果。文件扩展名为.principle。

React Native是一种基于React框架的移动应用开发框架,可以使用JavaScript语言编写跨平台的原生应用程序。文件扩展名为.js。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源