天给大家分享在B端设计中,常用的开源组件库,非常不错的设计案例参考利器。欢迎小伙伴收藏转发!
地址:https://tdesign.tencent.com/
腾讯企业级设计体系TDesign。一款诞生于腾讯内部开源、经过超500项内部业务检验的企业级设计体系,TDesign 汇集了腾讯众多优秀组件库能力和设计研发经验。包含桌面端、移动端、小程序等组件库源文件资源,可以直接下载使用。
同时,TDesign还提供了整体的设计语言,色彩、字体、动效、图标、布局、暗黑模式等组件的设计说明,以及如何搭建整体框架和如何设计高频任务等中后台的设计指南供大家查看。
地址: https://tdesign.tencent.com/starter/vue/#/dashboard/base
复制上面链接,在线查看中后台模板样例,Dashboard、卡片、列表、表单、个人中心、登录页等样式在线查看,是不错的样例参考模板。
地址:https://ant.design/index-cn
Ant Design是蚂蚁集团研发的一个服务于企业级产品的设计体系。提供了浅色模式和暗黑模式组件库资源以及Dashboard系统模板样例源文件。
Ant Design提供了丰富的基础 UI 组件,以及各个组件的使用方法。
地址: https://preview.pro.ant.design /arter/vue/#/dashboard/base
在线查看中后台模板样例,Dashboard、表单、列表、详情页 、个人中心、结果页、图形编辑器等样式在线查看,是不错的样例参考模板。
ArcoDesign是字节跳动旗下企业级产品设计系统。提供了sketch、figma、Axure等组件源文件。
设计指南、样式指南、设计价值观、组件用法等详细说明,大家可以都点一点看看。
地址:https://arco.design/pro/preview/dashboard/workplace
提供了仪表盘、表单、列表、结果页 、个人中心、数据可视化、异常页等样式在线查看。
地址:https://design.youzan.com/index.html
Zan Design 是有赞公司打磨出一套服务于产品设计的设计模式和实践方法体系。主要提供了一套完整的 SaaS类商家服务体系系统。
设计体系主要包括产品原则、设计原则、内容策略、布局与模式、视觉、动效、资源、组件等几大部分组成。
围绕设计准确性、一致性、易读性给设计师做了详细的概念说明以及实际案例注意事项,非常详细。大家可按需看下整体设计理念及策略 非常不错的指导案例。
大家可以去有赞官网注册商家去看下线上落地系统的展示情况。
官网地址:https://www.youzan.com/?from_source=baidu_pz_shouye_0&
地址:https://element.eleme.cn/#/zh-CN
由饿了么团队出品,一套为开发者、设计师和产品经理准备的组件库,提供了配套axure、sektch设计资源,可以直接下载使用,能帮我等搬砖人员节省大量的时间。
对于设计师,官网提供主题定制功能,可以快速按需生成符合自己设计风格的界面,直接把配置文件给到前端实现前端设计无缝对接 ,非常良心的企业级UI框架。
地址:https://www.iviewui.com/
一套基于 Vue 的开源 UI 组件库,主要用于 PC 界面的中后台产品。
View UI 官网提供了详细的文档,上手非常容易,如果有 Element UI 类似的经验,几乎不需要适应,开箱即用。View UI 有非常活跃的开发者社区,对开发者来说可以少爬很多坑。
地址:https://adminpro.iviewui.com/dashboard/console
同样View UI也提供了仪表盘、表单、列表、结果页 、个人中心、详情页、异常页等样式。唯一遗憾的是View UI没有提供设计组件源文件,大家只能在线上查看相关样式及参考。
今天的分享就到这了,后面会陆续更新在工作中的一些资源、案例及总结,!同时欢迎小伙伴后台留言提问,后面会基于大家的需求输出对应的解决方案文章,敬请期待!
文中提的的资源以及下载地址给大家整理好了,后台回复“B端组件”自助领取。
想要学习或者练习交互,但又缺少机会和动力的朋友,可以了解一下「体验设计学习社」。
无限制作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:
如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:
本篇文章来源于微信公众号: 体验进阶