饿了么UI组件库怎么使用?

更新时间:2023-05-08 19:33:23

饿了么 UI 组件库作为一款非常实用和广泛使用的 UI 组件库,提供了大量的组件和样式供设计师使用。但是,对于初次使用的设计师来说,需要能够更好、更快掌握组件库的使用方法。饿了么 UI 组件库怎么使用?今天本文将为大家带来饿了么 UI 组件库的使用指南:在「即时设计」官网顶部菜单栏中的设计社区中进入「资源广场」,搜索关键词「Element」即可看到组件库。点击右上角的「使用」即可将组件库添加到自己的工作区中使用。帮助大家更好地使用饿了么组件库提升设计效率。

1、饿了么 UI 组件库怎么获取?

目前 UI 设计师想要使用饿了么 UI 组件库通过国产的专业设计软件「即时设计」就能实现。进入「即时设计」官网主页后通过顶部菜单栏中的设计社区进入「资源广场」后搜索关键词“Element”即可看到下图所示的组件库。点击右上角的「使用」即可将组件库添加至自己的工作台中使用。

饿了么组件库

(饿了么 Element UI 组件库,点击即可免费获取使用)

2、饿了么 UI 组件库怎么使用?

当跳转至工作台后即可看到下图所示的画面,其中在框选组件分类的界面中可以通过鼠标下滑选择不同类别的组件进行使用;而在下方的图层界面则可以方便地与画板中的具体样式进行对应,双击具体图层后画板即可放大并自动定位到组件中,能够方便用户快速找到所需组件并使用。


作为一款专业的设计软件,「即时设计」还具有除了饿了么 UI 组件之外的诸多设计规范与组件库,能够方便设计师对于设计过程中尺寸细节的规范,也能够进一步提升设计效率。目前,在「即时设计」的资源广场,共有近 30000 个的设计素材与近 15000 个的成品模板,能够为用户提供非常大的设计便利。

以上就是本文对「饿了么UI组件库怎么使用?」的全部内容,通过「即时设计」,设计师就能够实现组件库的快速使用与 UI 设计的快速架构。以饿了么 UI 组件库为代表的组件库对设计师而言非常实用且全面,提供组件库的「即时设计」也为设计师们带来了更多的设计便利。推荐大家尝试使用「即时设计」,在这里不仅你能获得免费的组件库资源,同样也能够获得与更多设计师交流的机会,并且体验到包括「即时 AI」在内的更多新鲜功能。