ui设计的如何进行组件化和模块化?

发布者: 乾学优行者 发布时间: 2021-3-5 浏览 219

ui设计的如何进行组件化和模块化?组件化和模块化以前主要用于软件开发,现在为了方面统筹和管理则被广泛运用于ui设计中,今天小编就来为零基础学ui设计的你讲讲这两者的区别。


ui设计的组件化和模块化是怎样的?


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

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


二、两者的区别

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


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

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


ui设计的组件化和模块化是怎样的?组件化与模块化在设计师的日常工作中起着重要作用,尤其是团队协作的一些项目,大大提高了工作效率。


本页网址:https://www.u-walker.com/ui/3550.html

上一篇: 设计线面结合型图标有哪些技巧?

下一篇: ui设计的App开发有哪些技巧?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部