【原】设计必看丨有了这些神器，B端设计不用愁

一大波资源陆续更新，阅读本文约5分钟。

1、TDESIGN

地址：https://tdesign.tencent.com/

腾讯企业级设计体系TDesign。一款诞生于腾讯内部开源、经过超500项内部业务检验的企业级设计体系，TDesign 汇集了腾讯众多优秀组件库能力和设计研发经验。包含桌面端、移动端、小程序等组件库源文件资源，可以直接下载使用。

同时，TDesign还提供了整体的设计语言，色彩、字体、动效、图标、布局、暗黑模式等组件的设计说明，以及如何搭建整体框架和如何设计高频任务等中后台的设计指南供大家查看。

线上中后台设计模板

地址： https://tdesign.tencent.com/starter/vue/#/dashboard/base

复制上面链接，在线查看中后台模板样例，Dashboard、卡片、列表、表单、个人中心、登录页等样式在线查看，是不错的样例参考模板。

2、Ant Design

地址：https:///index-cn

 Ant Design是蚂蚁集团研发的一个服务于企业级产品的设计体系。提供了浅色模式和暗黑模式组件库资源以及Dashboard系统模板样例源文件。

 Ant Design提供了丰富的基础 UI 组件，以及各个组件的使用方法。

线上中后台设计模板

地址： https://tdesign.tencent.com/starter/vue/#/dashboard/base

在线查看中后台模板样例，Dashboard、表单、列表、详情页 、个人中心、结果页、图形编辑器等样式在线查看，是不错的样例参考模板。

3、ArcoDesign

地址：https:///

ArcoDesign是字节跳动旗下企业级产品设计系统。提供了sketch、figma、Axure等组件源文件。

设计指南、样式指南、设计价值观、组件用法等详细说明，大家可以都点一点看看。

线上中后台设计模板

地址：https:///pro/preview/dashboard/workplace

提供了仪表盘、表单、列表、结果页 、个人中心、数据可视化、异常页等样式在线查看。

4、Zan Desig

地址：https://design.youzan.com/index.html

Zan Design 是有赞公司打磨出一套服务于产品设计的设计模式和实践方法体系。主要提供了一套完整的 SaaS类商家服务体系系统。

设计体系主要包括产品原则、设计原则、内容策略、布局与模式、视觉、动效、资源、组件等几大部分组成。

围绕设计准确性、一致性、易读性给设计师做了详细的概念说明以及实际案例注意事项，非常详细。大家可按需看下整体设计理念及策略 非常不错的指导案例。

大家可以去有赞官网注册商家去看下线上落地系统的展示情况。

官网地址：https://www.youzan.com/?from_source=baidu_pz_shouye_0&

5、Element 

地址：https://element./#/zh-CN

由饿了么团队出品，一套为开发者、设计师和产品经理准备的组件库，提供了配套axure、sektch设计资源，可以直接下载使用，能帮我等搬砖人员节省大量的时间。

对于设计师，官网提供主题定制功能，可以快速按需生成符合自己设计风格的界面，直接把配置文件给到前端实现前端设计无缝对接 ，非常良心的企业级UI框架。

6、View UI

地址：https://www./

一套基于 Vue 的开源 UI 组件库，主要用于 PC 界面的中后台产品。

View UI 官网提供了详细的文档，上手非常容易，如果有 Element UI 类似的经验，几乎不需要适应，开箱即用。View UI 有非常活跃的开发者社区，对开发者来说可以少爬很多坑。

线上中后台设计模板

地址：https://adminpro./dashboard/console

同样View UI也提供了仪表盘、表单、列表、结果页 、个人中心、详情页、异常页等样式。唯一遗憾的是View UI没有提供设计组件源文件，大家只能在线上查看相关样式及参考。