ant design pro模板_【矢量源文件】从常用图表到 DashBoard 页面模板,懒人套餐请享用吧!...

随着AntDesign 4.0和AntV G2 4.0的发布,图表样式升级,提供完整常用图表类型,包括点图、水波、仪表盘等。还有一站式懒人套餐——数据可视化模板,风格与AntDesign完美融合,免去搭建Dashboard页面的困扰。配套使用指引和多种下载方式,可在AntDesign官网和Kitchen官网获取。
摘要由CSDN通过智能技术生成

随着 AntDesign 4.0 发布 和 AntV 的重磅产品G2 4.0 发布之际,图表的样式也跟着 UP!UP !大升级了哦。

在文章末尾有 最新版 Sketch 图表源文件下载。无门槛无需点赞无需套路,直接下载

插一句:蚂蚁可视化 & 大数据招体验设计师,简历发 shuwen.liu@antfin.com

外面世界有很多图表源文件多种多样,AntV 提供的图表源文件有什么不同呢?

完整的常用图表类型

本次图表类型更新后,除了常用的折线图、柱状图、饼图,本次更新还涵盖了点图、水波、仪表盘、瀑布图、漏斗图、雷达图,还有很多小伙伴想用又不敢用的双轴图哦!

fb6f6cc5f1789acb244dc527253e163a.png

d33e56a39fa9532f58f4a40fbcdf4dfb.png

一站式懒汉套餐

考虑到很多用户在使用图表时,都需要和整体网站一起设计,所以我们提供了“数据可视化模板”下载,风格和 AntDesign 完美融合在一起,再也不需要自己搭建复杂 Dashboard 页面了有木有!!!

8b4c5749ba411a63d48deaf236f4f6b0.png
数据可视化设计模板--指标大盘

2941d1180ac0160403610cc29f6059f7.png
数据可视化设计模板--多维分析

d9eb458265ffd7ce5501d26647fceea9.png
数据可视化设计模板--数据明细

配套提供使用指引

图表使用指引

折线图设计指引 · 语雀​www.yuque.com
9a022163a6f27ceb87e70dffd217009f.png

7fb65a56f1027667c9aa28b97145ed41.png
例:饼图设计指引

DashBoard 类型页面模板使用指引

可视化 - Ant Design​ant.design
4406e7ad85acacda88b8776c543a0e2c.png

6f35c276fc5ac686add8fd2405a293de.png
数据可视化页面设计指引

下载方式(来咯来咯!!!)

  1. 前往 AntDesign 官网 - 资源,点击 全新 Chart 组件包 直接下载源文件。
资源 - Ant Design​ant.design
4406e7ad85acacda88b8776c543a0e2c.png

aefda1c12be8756075d1bf5a81d881a6.png

2. 前往 Kitchen 官网,可同时获得图表源文件DashBoard 页面模板源文件

Kitchen Sketch 插件 - 让你的设计秀色可餐​kitchen.alipay.com

2c3af27dd48ab5113d6f4a9a874bc878.png
点击添加按钮,选择 TechUI Chart,就出现在组件栏目里了

8a498932f83b3fbace207b21cb025db0.png
点击添加按钮,选择 TechUI Templates,就出现在模板栏目里了

3. 彩蛋:使用 Kitchen 的“图表生成器”功能,可动态生成图表哦!

强大的 Sketch 插件:Kitchen · 语雀​www.yuque.com
9a022163a6f27ceb87e70dffd217009f.png
看到这里的小伙伴,恭喜你,你已获得“懒人”勋章一枚。
剧透:即将提供暗黑模式的图表矢量文件,请持续关注 AntV

94a28e4c00562e97b7e2598fe1975307.png
  • Ant Design 4.0 设计体系进阶!设计资产不断丰富,设计工具层出不穷,来新版官网看看吧 ^_^
  • 欢迎到 知乎问答 与我们互动。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值