引言
一年一度的 AntV 品牌发布日又来了,今年我们给大家带来了“贴地飞行”的 AntV 设计。为什么称之为“贴地飞行”?这一年中,AntV 设计从重心为统计图表到现在关系图、地图都有涵盖,从原来专注 PC 端到现在移动端、响应式、多端适配都有涉猎,从原来的骨架到现在慢慢的血肉丰满。这一年 AntV 设计与工程密切结合,从业务中慢慢汲取养分、贴地飞行。2020,献给你们迄今为止为业务上最好用的 AntV 设计。
更全面的设计指引
统计图表 Chart
迷你图表 Minichart:业务图表中,除了高频使用的折柱饼,还有迷你图表 Minichart ,它通常在空间有限的情况下作为全尺寸图表的降级缩略展示。今年 AntV 新增了迷你图表 Minichart 的 demo 和设计指引,详见链接。
![827eed624e7b7c430a44e2f0696bfe2c.png](https://i-blog.csdnimg.cn/blog_migrate/963634838b5b8a97b830d16c6d56e4f8.jpeg)
色板:基于业务实践,AntV 对分类色板、顺序色板、发散色板进行了优化。
![8ad059935c84afd52b08910183459505.png](https://i-blog.csdnimg.cn/blog_migrate/416584a7cb17cdb8f5f0bd4cbe93a54c.jpeg)
主题:AntV 在默认分类色板的基础上,新增三类分类色板主题,分别是秋日橙主题、马卡龙主题、强对比主题。这些主题色板各有不同的使用场景。新主题色现已上线 AntV 官网,可一键下载或复制。更多色板指南详见链接。
![e594203f944aa8a33a2a8db9641d5210.png](https://i-blog.csdnimg.cn/blog_migrate/178f5645896676f03b27ffb2054aae61.png)
图 Graph
图数据(Graph Data)反映现实世界人与人、人与物、物与物的关系,甚至关联地理维度与时间维度。今年,基于大量如知识图谱、金融风控、图数据库相关产品的设计实践,AntV 设计小组精心沉淀总结出适用于图可视化领域的设计指引。该指引用经典的 ETCG 设计框架来组织内容,系统性介绍图可视化设计以及最佳实践和背后的思考。希望给广大的关系图设计师带来更深入的思考。查看图可视化指引全文。
![da54ba4f47e735c2f3c61ae594f38a23.png](https://i-blog.csdnimg.cn/blog_migrate/dc996697b3e718c817daca825b4b6fd1.jpeg)
地图 Map
地理空间数据可视化永远都充满着魅力,通过点的疏密变化、飞线的长短、颜色的深浅、气泡的大小,我们感知这些高维数据在地理上的时空分布、分析趋势弯化。
![c2a03980a39d1947e24345772516c675.png](https://img-blog.csdnimg.cn/img_convert/c2a03980a39d1947e24345772516c675.png)
目前设计的地图主要包括气泡地图、亮点地图、符号地图、散点地图、路径图等 9 类,我们将其抽象成通用的三层框架:地图层、图形层、控件层,每层给予设计建议,并把一些约定成俗的规范分