认识达内从这里开始

组件化编程开发随着互联网的不断发展而被众多程序员应用到不同的编程开发项目之中，随着互联网的不断发展，组件化技术在UI设计领域也发挥了不同的作用，下面我们就通过案例分析来简单了解一下，组件化UI设计需要注意哪些问题。

1.什么是组件

一部智能手机是怎么制造出来的?不同品牌的智能机外形上虽然略有区别，性能上也是有高有低，但为什么功能却几乎没有区别呢?因为现代的手机生产线都是购买一个个的功能模块拼装起来的，如拍照模块，音响模块，通讯模块，CPU模块，内存模块等等，正是因为科技的积累，才会有这么多现成的模块供手机厂商选择，然后用自己擅长的方式组装起来，配上个性化的外壳以及定制的安卓系统，再贴个标，开个发布会，一款手机就可以上市了。

2.什么是UI组件

经过上面对组件的解释，相信小伙伴们对组件的定义有了一定了解。同样，一个app是由什么组成的呢?

不同的组件构成了不同的模块，不同的模块又构成了不同的页面，不同的页面构成了一个完整的app。

3.UI组件的类型

作为UI设计师，需要认真的了解各种UI组件的内容和功能，才能不断的对已有组件做优化，要为了服务而设计，而不是为了设计而设计。

UI组件可以分为两大类，一类是通用型组件，一类是业务型组件。

通用型组件也叫基础组件，绝大多数app都会有这些组件的身影。较常见的有状态栏组件、导航栏组件、工具栏组件、轮播banner组件、金刚区组件、tab栏组件、弹框组件、List组件、UGC组件、筛选组件、按钮组件、表单组件、输入框组件、toast组件、加载组件、空白页组件等等。

通用型组件的特点在于，换换文本(包括字重、字间距、字号)、配图或色值，就可以应用到大多数app场景中去。

业务型组件即与业务相关的组件，通常只会应用于特定的场景。如金融类产品的走势图组件、表单组件，视频类的播放组件、录制组件，社交类的评论组件、对话组件，资讯类的富文本组件，电商类的商品展示组件、支付组件等等。

4.如何建立自己的专属UI组件库

UI组件的来源主要来自平日里有意识、有目的的收集与整理。

平时设计师接触多的应该是自己负责项目的UI，这部分UI是应该优先整理成UI组件的，因为产品每一次的升级迭代，都会有很多UI组件不需要重新设计或仅需要较小改动的设计，这时候直接复用就可以极大的提高工作效率。

另一部分则是平日里收集与整理的UI组件，把各种类型的APP、WEB等设计页面进行拆解、分类，然后做成组件收录到自己的UI组件库中，在新项目中就可以按需调用。

另外，UI组件库需要定期的维护与升级，这样才能做到与时俱进，不让以往的UI组件落伍过时。至于怎么在工具层面来制作组件，这个还是需要看个人的使用习惯，设计工具仅仅是工具。有的人习惯使用PS来做UI设计，那就直接可以用文件夹分组的方式将不同UI组件进行区分。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。