导读
在 1122 AntV 品牌日发布之际,我们想花一点时间和大家分享一下我们设计团队在封装 g2plot 时背后的一些思考。这篇文章会分享我们在封装 g2plot 同时如何完善可视化设计体系;在准确、有效、清晰、美的设计原则下,如何引导我们去指引未来 G2 4.0 的升级,如何在一些图表呈现上和工程师小伙伴一起“斤斤计较”并乐此不疲,共同为 g2plot 做一些「微小而美好」的改变。
什么是可视化设计体系
可视化设计体系核心为了解决 2 个问题:图表的提效以及可控性问题;将图表输出品质控制在一定范围内,为设计者提供一套高质量“开箱即用”的图表库,避免重复造轮子等问题。 什么是G2 和 g2plot
g2plot 是基于 G2 可视化语法为底座,官方出品的开箱即用、默认好用的高质量统计图表类库。
设计新特性
- 更优雅的色板:更理性的、更符合可视化场景应用的色板;
- 更聪明的组件:每类图表组件内置 20+ 规则,不经意变得更好用;
- 响应式的布局:待定@幕阑;
- 更流畅的体验:根据用户需求分层梳理文档,对官网体验链路进行优化,更符合使用者心智。
更优雅的色板
我们为图表穿上了新衣服,这是最直观的变化之一。尽管之前的色板也不错,但是我们希望它能更优化、极致,功能和样式能很好的做融合。
除此之外,全新 Dark Mode 样式与 AntDesign 相关组件、页面无缝融合,整体和谐优美。
为了满足业务大数据量下的可视化展示需求,我们将原本 8 个的基础色版,增加到 10 个,同时还新增了 20 色的扩展色板以供选;你会发现,对比原本的配色方案,现有方案色彩区间更接近,饱和度更协调,两两颜色之间的对比更鲜明,阅读体验更友好。
此