千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计培训分享:ui设计的如何进行组件化和模块化?

UI设计培训分享:ui设计的如何进行组件化和模块化?

来源:千锋教育
发布人:qyf
时间: 2021-11-16 17:39:00 1637055540

  本期小编为大家介绍的UI设计培训教程是关于“ui设计的如何进行组件化和模块化?”的内容,其实组件化和模块化以前主要用于软件开发这方面,随着互联网的不断发展,现在为了方面统筹和管理则被广泛运用于ui设计中,今天小编就来为大家讲讲这两者的区别。

UI设计

  UI设计培训分享:ui设计的如何进行组件化和模块化?

  一、什么是组件,什么是模块

  组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是复用,位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。复用性很强,可以独立管理。

  二、两者的区别

  组件就像一个个小的单位,多个组件可以组合成组件库,方便调用和复用,组件间也可以嵌套,小组件组合成大组件。ui设计认为模块就像是独立的功能和项目(如淘宝:注册、登录、购物、直播…),可以调用组件来组成模块,多个模块可以组合成业务框架。

  三、为什么要使用组件化和模块化

  1、可维护性强,便于后期代码查找和维护。2、避免阻断,模块化是可以独立运行的,如果一个设计的模块产生了bug,不会影响其他模块的调用。便于后期代码查找和维护。3、开发和调试效率高,随着功能越来越多,代码结构会越发复杂,要修改某一个小功能,可能要重新翻阅整个项目的代码,把所有相同的地方都修改一遍,重复劳动浪费时间和人力,效率低;使用组件化,每个相同的功能结构都调用同一个组件,只需要修改这个组件,即可全局修改。4、版本管理更容易,如果由多人协作开发,可以避免代码覆盖和冲突。

  ui设计的组件化和模块化是怎样的?以上就是小编为大家介绍的UI设计培训教程,组件化与模块化在设计师的日常工作中起着重要作用,尤其是团队协作的一些项目,大大提高了工作效率,希望以上的介绍能够给大家带来帮助,如果想要了解更多UI设计培训的具体课程内容,就加入千锋教育的UI设计交流群吧-809348958,群内会有专职的老师为你答疑解惑。另外群内不定期还会有免费直播课,由现役的讲师来授课。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT