组件库

一、组件库的基础知识

 1. 为什么需要组件库 

当我们在设计某个界面的表单时，确定好输入框的大小、描边、色值等属性后，并没有形成可复用的组件，那么在后续其他界面中需要再次用到表单，就只能重新画、或者找到之前已做好的界面拷贝，很容易疏忽数值、混淆属性，出错率极高。如果需要统一调整尺寸或色值，就要每个单独修改，对于稍大点（上百或几百个界面表单排查）的项目来说，重复无功的劳动简直是一场灾难。

如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！

 2. 什么是组件库

 组件库是将界面中具有通用性的元素组件/控件进行归纳整理，形成统一规范的组件集合，以此达到快速复用、批量修改的目的。 组件库是一个强大的工具库，方便设计师随时调用，对其中一个元素的修改都会将这个已调用过的组件同步更新，非常利于团队之间协作，它通过清晰、标准化的引导帮助设计师和研发高效一致的创建大量应用，确保了用户体验的一致性。 

二、组件库的作用

 1. 保持一致性 

在一个产品中，每个业务都要基于不同的场景去传达信息，多样化的场景在设计表现上会有所不同，有了组件库的约束，就能让团队在既定的框架内按照统一的规范做设计，确保了输出质量，给用户带来一致性的体验。

 2. 新人低成本 

当团队中有新成员加入时，不管是初入职场的设计新人、还是经验丰富的设计老手，正式工作之前都需要花费一定的时间成本去了解项目的设计语言，而后才能跟上工作节奏，但有了成熟的组件库作为设计参考，就能够以最低的沟通成本、试错成本实现快速上手。

 三、元素组件的构成 

1. 颜色 

颜色作为产品设计风格的基本元素，它能建立符合产品调性的视觉形象，并将界面中各信息层级关系梳理清晰，做到视觉上的平衡。首先我们需要按照功能属性对需要用到的所有颜色进行定义，比如主体色、辅助色、中性色、功能色等，并以此提炼出渐变色和色阶，然后将其分组分类命名，方便随时调用。

 2. 文字

 文字样式中主要包括字体、字号、字重和行高，针对不同的使用场景分别创建相应的字号与字重，并给文字梯度和属性的使用方式予以描述，用表格整理归类，再加上对应的使用说明。 其他如段间距、字距、缩进、对齐方式等属性使用的较少，可根据实际情况而定，确定好使用频率后再决定是否纳入组件库。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

标签：天迅达科技 天津APP开发 天津网站建设 网站建设