TDesign、Arco Design、Ant Design、Material Design等优秀UI库,在 Pixso资源社区 均能找到,海量国内外大厂的设计系统及UI组件库,包括所有大厂UI组件库资源均可一键调用,可以学习最新的设计规范,统一项目视觉效果。UI库的颜色、文本样式、图层样式不仅可以一键保存为资源,还可搭配起来重复添加为组件资源共享到团队,实现快速复用。
1. TDesign
TDesign UI库是来自腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用、验证和锤炼过的企业级设计体系, 秉承包容、多元、进化、连接的价值观。UI组件库TDesign 期望与用户、行业及合作伙伴等一起打造具有竞争力的产品体验。
2. Arco Design
Arco Design UI库基于 Byte Design 升级而来,是能力全面的企业级产品设计系统。Arco Design UI组件库的目标是通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时Arco Design UI库能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。
3. Ant Design
Ant Design UI组件库是蚂蚁集团经过大量项目实践和总结,逐步打磨出来服务于企业级产品的设计体系的企业级产品。Ant Design UI库具有学习成本低、上手速度快、实现效果好等特点,并且提供从界面设计到前端开发的全链路生态,可以大大提升设计和开发的效率。
4. Material Design
安卓UI设计遵循 Material Design 3 的设计和感觉,简化了设计过程。作为有史以来适应性和可定制性最强的Material Design UI组件库版本之一,该UI工具包旨在让事情变得简单,同时让你有足够的余地来创造独特的东西。Material Design UI库可以为任何类型的安卓应用程序提供设计帮助。
5. WeUI
微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。WeUI UI组建了是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
6. Mand Mobile
Mand-Mobile UI库是一款基于 Vue 的移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品,让复杂的金融场景变简单。Pixso社区内置了滴滴Mand-Mobile 40+的实用UI组件库,包括基础样式、结构布局、通用控件等。
如何一键免费调用UI组件库
以上UI库资源都可以在Pixso资源社区中找到!接下来,我们以TDesign移动端UI库为例,看看在Pixso中如何使用大厂UI组件库。
第一步:打开 Pixso资源社区,直接搜索关键词【TDesign】,找到TDesign移动端UI库素材资源。
第二步:打开TDesign移动端UI组件库素材链接,点击右上角的「复制」按钮,文件就会保存到我们的 Pixso工作台,点击弹出窗口的「打开文件」,就可以在线使用TDesign移动端UI库素材了。
第三步:使用UI库组件。在同一个文件中,复制组件即可创建实例;或点击组件面板,将鼠标光标悬浮至需要使用的组件上,单击左键将其拖拽至画板中,实例组件创建则创建成功。
通过UI库对比,你是不是对B端的UI组件库又有了更进一步的理解呢?我们希望通过Pixso资源社区,提高UI库等设计资源的可复用性,就像程序员都不用再浪费时间去重复造轮子,而是直接复用GitHub上的开源代码一样,每一位设计师也可以合理利用各种通用UI组件库,比从0开始要更高效地创造出充满自己想法的完整作品,告别重复的基础工作,把更多精力用在更有价值的事情上。这么多好用的开源UI库资源,你还在等什么?