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

本节课讲解B端项目中的开源框架应用，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

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

1.在新手的认知中，项目的开发是从零到一的过程，程序员拿到产品需求和设计稿开始一行一行写代码。

2.一个完整项目所需的总代码量，远远超过新手的想象，所以程序员会尽可能引用别人写好的代码块。

3.日历直接拆分的话会有很多步骤，本身作为一个交互，要去解决这些交互问题的时候，它就已经特别复杂了。

4.以及前面提到的，响应式和栅格的混合应用，同样需要大量的逻辑判断和代码量来实现。

5.逻辑和代码量在官方的页面是有显示的，有第三方的目的是，这些判断实在太多了。

6.引用别人的代码不仅仅是偷懒，而是提升生产效率，用别人造好的零件组装产品，比重复造轮子更高效。

7.B端项目有非常多系统底层逻辑和使用，整体项目是完全一样的，是相对统一的。

8.比如布局，栅格，间距，响应式，分割线，按钮，输入框，表单，这些东西用起来的规则逻辑也很接近。

9.就像做设计的过程，如果有现成的素材，那么复杂的合成场景就完全没必要从头画起。

10.用合理的素材，就可以正确使用它们，做开发和做设计是类似的，用一样的素材，画成完全不一样的东西。

11.面对这么多模块，网上东拼西凑当然也没有效率，所以，就有团队对它们进行整合做成“前端开源框架”。

12.国内的开源框架有AntDesign,Element UI，这两个软件有很多团队在使用，是使用量最大的软件。

13.国外的开源框架有Bootstrap,Material Design这两个类型，这都是前端开发会使用的。

14.程序员调用这些开源代码，再开始搭建业务内容，获得了这些框架的优点，同时也就接受了它们的局限。

15.开源框架的选择，通常由开发和产品共同决定，设计师要正确认识和应用基础框架来完成项目设计。

16.一个完整的框架包含代码包，开发文档，设计源文件，设计文档。

17.代码包，即开发要调用的已经写好的，对应代码文件。

18.开发文档，即在开发文档的环境中，和程序员解释如何正确调用代码和相应逻辑文档。

19.设计源文件，包含该系统对应的设计色彩、字体、组件、图标素材。

20.设计文档，即对视觉、交互、样式进行解释的设计说明文档。

21.设计师在应用开源框架的项目中，要先进行以下准备：在官网下载设计素材，并对照设计文档了解一遍。

22.在资源这个页面，找到对应软件的安装包，下载下来，并把软件素材包对应左边说明，完整看一遍。

23.在进行具体页面设计过程中，尽可能调用官方的素材，来进行搭建。

24.图片的东西都可以替换，图标，小细节等都可以应用官方的素材来搭建，并组装它们。

25.在这个过程中，我们可以进行一定程度的发挥，修改主要的色调，圆角，描边，阴影，文字等细节。

26.尽量在原有组件内容完全无法满足的情况下，再根据业务、产品需要设计自定义的组件和样式。

27.业务中特有的模块，要进行独立设计，开源的使用在尽可能不够用的情况下，在进行独立设计。

28.尽量在设计过程中多和前端工程师沟通方案，这样，才能确保设计被有效的还原和落实。本节课就到这里结束了，谢谢大家！

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