taro引入f2图表_打造默认好用的企业级图表类库

本文介绍了AntV在品牌日发布的G2Plot新特性,包括更优雅的色板设计、更智能的图表组件、信息有效性和元素可读性的提升、响应式布局的优化以及流畅体验的增强。设计团队通过引入计算设计方法,优化色板,确保图表在大数据量下的视觉效果。此外,组件内置规则和检测机制提高了信息获取效率,响应式布局保证了不同设备上的内容完整性。
摘要由CSDN通过智能技术生成

a44441971da4c5c62d601f2d1233fb7b.png

导读

在 1122 AntV 品牌日发布之际,我们想花一点时间和大家分享一下我们设计团队在封装 g2plot 时背后的一些思考。这篇文章会分享我们在封装 g2plot 同时如何完善可视化设计体系;在准确、有效、清晰、美的设计原则下,如何引导我们去指引未来 G2 4.0 的升级,如何在一些图表呈现上和工程师小伙伴一起“斤斤计较”并乐此不疲,共同为 g2plot 做一些「微小而美好」的改变。

什么是可视化设计体系
可视化设计体系核心为了解决 2 个问题:图表的提效以及可控性问题;将图表输出品质控制在一定范围内,为设计者提供一套高质量“开箱即用”的图表库,避免重复造轮子等问题。 什么是G2 和 g2plot
g2plot 是基于 G2 可视化语法为底座,官方出品的开箱即用、默认好用的高质量统计图表类库。

d450dfb26a1dd52eadb8ac0e8db87019.png

设计新特性

  • 更优雅的色板:更理性的、更符合可视化场景应用的色板;
  • 更聪明的组件:每类图表组件内置 20+ 规则,不经意变得更好用;
  • 响应式的布局:待定@幕阑;
  • 更流畅的体验:根据用户需求分层梳理文档,对官网体验链路进行优化,更符合使用者心智。

更优雅的色板

我们为图表穿上了新衣服,这是最直观的变化之一。尽管之前的色板也不错,但是我们希望它能更优化、极致,功能和样式能很好的做融合。

除此之外,全新 Dark Mode 样式与 AntDesign 相关组件、页面无缝融合,整体和谐优美。

20a0c2bf744538afb195b1fc5b5eef53.png

为了满足业务大数据量下的可视化展示需求,我们将原本 8 个的基础色版,增加到 10 个,同时还新增了 20 色的扩展色板以供选;你会发现,对比原本的配色方案,现有方案色彩区间更接近,饱和度更协调,两两颜色之间的对比更鲜明,阅读体验更友好。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值