UI设计中的基础组件是什么?有什么作用?

李冰琪            来源:优草派

组件是通过对功能及视觉表达中元素的拆解、归纳、重组,并基于可被复用的目的,形成的规范化模块。它就像组成完整框架的单元体(比如按钮、导航栏、tab栏等),具有标准规范和可复用场景的基本模块。组件有基础组件和高级组件,下面小编来告诉大家UI设计中的基础组件是什么以及有什么作用。

UI设计中的基础组件是什么?有什么作用?

基础组件是什么,有什么特点?

【基础组件】是一种底层组件,也可以被叫做「原子组件」或「通用组件」,有以下几种特点:

· 像是 button,一个输入框,一个开关等都是不可拆分的组件。

· 适用于各类业务场景:比如政务业务、电商业务、金融业务等业务都可以使用。

· 可保证设计质量和效率:使用组件可以使设计稿具备较高的一致性,并提升设计和开发的工作协同效率。

大家熟悉的典型基础组件库就是 Ant Design,主要特点有通用、开源、包容等。迄今为止,Ant Design 已拥有超过 1k+ 的设计和开发贡献者,被应用于 2w+ 的企业各类业务场景中。

基础组件设计的依据

基础组件可以直接借鉴已有的、成熟的开源组件设计体系,减少重复操作以t提高工作效率。组件设计可以有以下几种依据:

· 内容或元素出现和使用的频次;

· 用户操作后的基础交互反馈,比如违规操作后看到的提示条;

· 设计走查的过程中经常会看到的质量问题,也可以用组件来统一。

以上就是关于UI设计中的基础组件是什么以及有什么作用的相关知识内容,对UI设计感兴趣的小伙伴们需要熟练掌握运用其中的基础知识内容。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行