对于一个优秀的设计师都会有自己的设计组件库,它可以帮你在工作上节省你大部分时间,高效提升效率,保证统一性!如果你之前还没有组件化思维,那么希望你今天看完这篇文章对你有帮助。
为了方便大家使用,所有组件库地址已经汇总放在文章底部,如果你感兴趣,想更好提升设计思维,可以去领取,学习!
当然,如果通过自己去建立组件库,其实不是一件简单的事情,那怎么办呢?所以今天我就给大家分享几款免费开源组件库,都是大厂出品的,并且提供组件库源文件,源代码!强烈建议大家可以去看看!在设计之路会给你提供很大的便利性,慢慢你就会对组件库思维有很大的理解,后续就会成立自己的组件库了!
基于 Byte Design 升级而来,能力全面的企业级产品设计系统,提供系统且全面的设计规范和资源,覆盖产品设计、UI 设计以及后期开发React 和 Vue 同步支持。
提供:Figma / Sketch / Axure 设计源文件,注意,如果大家没有Mac电脑,Sketch支持XD打开。还有一套图标库,虽然不多,基本上够用!不过他们设计源文件是英文版,面向国际化。
主要针对移动端与小程序设计组件库,Vant 是有赞前端开源的组件库 2017 年开源,已持续维护 4 年时间。目前Vant官方提供了Vue 2版本、Vue 3版本和微信小程序版本,并由社区团队维护React版本。
提供:Sketch / Axure元件库,注意,如果大家没有Mac电脑,Sketch支持XD打开。提供图标,在iconfont.cn上。全中文版。
企业级产品设计体系,创造高效愉悦的工作体验,简洁易用,提供多种设计资源模板下载。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。
提供:桌面组件 Sketch 模板包,移动端组件 Sketch 模板包,Axure 部件库,Figma ,桌面组件 Chart 模板包,墨刀原型设计,即时设计全套组件和模板。
TDesign 具有统一的设计价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。在此基础上,TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在 TDesign 的基础上扩展,更好的的贴近业务需求。因为是去年推出的,目前有些版本还是待测试中,个人比较看好的组件库。全中文化。
提供:桌面端,移动端,小程序,Figma,Sketch,AdobeXD,Axure设计组件源文件。
专门为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库,使用现成的UI组件库,能快速搭建项目,后期也容易维护,在敏捷开发项目中尤为常见。设计师可以下载设计文件,在做设计图时直接使用模板,既能快速出图,也保证了前端还原实现。
Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。一套基于 Taro 框架开发的多端 UI 组件库。
支持多框架的前端高质量组件库,同时支持Intact/Vue/React/Angular框架,忠于原生,增强原生,在保持浏览器原生特性的基础上,增强交互能力,便捷开发,支持按需加载,主题定制,国际化等特性并且提供了配套的脚手架方便快速初始化项目。封装了40多个 PC 端常用的组件,开箱即用。
提供:Axure,Sketch,King Vision设计组件源文件。
以上就是我比较常用一些组件库,当然还有更多开源组件库。他们本质上差别不是太大,只不过每家的设计思维会不同,根据自己的项目需求,选择合适组件库,吸收其中思想,让设计更具有合理性,统一性,使工作效率更快提升。多看,站在巨人的肩膀学习,你们会更快提升设计思维。升职加薪,掌握其中核心思想,传递更好的给用户
厉害了厉害了