文章详情

　　想了解ui框架首先得弄清楚html和css部分，也就是页面切图部分，我们知道，在做切图时常见的一种方法就是直接把设计图用html和css还原出来，还是一个个的还原，在整个执行过程中大家不难发现会有一些多余的代码出现，比如说button，每个页面用到的地方都会写上一堆button样式，这是大家为了加快开发、一直复制粘贴而造成的直接结果。因为在页面中有很多button的组件，它在前期是必须用到的，但是后期又不需要了，所以很多人就会想着把这些共性东西抽离出来，直接变成通用组件，这样做有什么好处呢?在写页面的时候只要引入这些通用组件，无需一直ctrl+c&ctrl+v、不用重复相同动作执行，而这个演变过程其实是就是ui框架的形成路径。说白了，这些通用的组件经过不停提炼就形成了ui库或者说ui框架。

　　ui框架的存在有什么好处?显而易见的一大好处就体现在、它能让整个开发过程因此而加快，这是因为整体开发效率大大提升了，毕竟所有通用组件的开发量直接被节约了下来。除了速度快了之外，ui框架还有以下这几个方面的优势：

　　1、标准化，有了ui框架之后就相当于给每个UI设计师一个设计的统一标准，举个简单的例子，比如说制作出了一套前端框架，那么就可以直接将设计标准转化成开发标准，不会显得凌乱，特别是如果两个设计师从来没有交流过，可能针对同样功能的按钮，一个设置用50px，一个用55px，如此就很糟糕。

　　2、扩展会变得更方便，将所有共同内容都集中在了一起，当要对产品进行改造或者扩展时只要对框架进行升级就可以实现这般效果。做个类比吧，比如说在Excel中我们可以就每个格子中的文字做加红、加粗处理，也可以直接一键全选、设定所有框架中是该文字的都加粗加红，这就是ui框架的意义和价值，两者是同一个道理。

　　实际上，现在大多数新人在学UI设计时首先都会接触ui框架，为什么呢?现在我国的UI设计行业仍处于起步阶段，之所以很多UI设计作品都会有其他作品的影子，就是因为设计师使用了同样的UI框架，事实上，这有利也有弊，主要弊端就体现在、让UI设计自带共通性，优势是方便了新人的学习，只要将ui框架用得好往往就能快速输出作品。