虎课网为您提供字体设计版块下的B端项目的设计规范组成-从零开始学B端设计图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！

本节课讲解B端项目的设计规范组成，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

那我们开始今天的教程吧。

1.B端设计领域，设计规范的意义重大，很多新手开始设计前，都在研究如何做规范。

2.因为在B端项目，对“模块化”的应用，需要我们将可复用的元素、样式、逻辑统一。

3.规范里面包含这些元素，然后输出一套完整的项目，项目看到就是统一的、整体的。

4.设计规范有助于统一设计团队的步调，而不会让不同设计师，输出界面风格不一。

5.同时，规范的制定有助于提升设计效率，通过设计软件的样式、控件功能快速调用。

6.设计这些元素，可以极大的帮助我们快速搭建页面，包括填充某些东西的元素。

7.开发需要根据设计规范制定样式模块，开源框架的规范，并不能覆盖真实的样式需求。

8.比如最常见的色彩，开源框架给我们提供非常笼统的色彩系统，这个系统只是告诉你有这些东西。

9.这些内容共同构建出有效提升，包含页面统一性，第二设计效率，第三开发效率，第四项目进度。

10.B端项目的规范制定，并不困难，即统计形成你当前界面的视觉要求。

11.B端设计规范的主要内容，包含框架，排版，字体，色彩，控件，组件，当然还有图标。

12.我们可以以Ant，作为一个参考标准，来解析这些规范的制定目标和思路。

13.第一是框架规范，页面的基本结构，删格用法，响应式规则等内容。

14.第二是排版规范，间距等级及内外边距的规则，亲密性和对齐的应用。

15.第三是字体规范，对应用的文字属性样式进行整理，包含字体、字号、字重等属性的记录。

16.第四是色彩规范，将项目应用过的颜色进行整理，包含主色、中性色、辅助色。

17.第五是控件规范，整理按钮、单选、开关、气泡等基础交互元素，并对不同状态进行解释。

18.第六是组件规范，对下拉菜单、日期选择、级连选择等复杂交互元素，并对交互方式、流程进行解释。

19.设计规范只需要整理项目中，需要应用的，不需要为了“完整”加入了大量多余内容。

20.设计规范的输出，并不是对着电脑凭空想象，而是先通过实际设计来确定出设计风格。

21.通过一些风格稿进行测试，不管你做什么样的风格，确定设计风格和步调之后。

22.然后去整理，规范输出的第一步，将元素整理进同一画布中。

23.比如这个参考，色彩、控件、组件，就是用过的设计风格元素。

24.这个画布可以作为，一般的规范文件使用，只要再补充部分文字内容，并分享链接即可。

25.如果需要输出成文档形式，那么首先要选择，合适的文档工具。

26.比如语雀，石墨，飞书，腾讯文档，一些线上文档，通过线上文档将前面规范内容进行整理。

27.然后，根据你规范画布中包含的模块，优先制定完整的内容目录和结构。

28.这些规范的官网，目录是根据当前需要强调的， 后面解释对应的组件。

29.最后，再根据对应模块输入文字内容，如果不知道怎么写，可以框架成熟案例。

30.真实项目的规范文档不是开源框架，规范解释不是“天书”，宁缺毋滥。本节课就到这里结束了，谢谢大家！

以上就是B端项目的设计规范组成-从零开始学B端设计图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！