世俱杯 2025

三、图表组织

了解基本的图表类型后，接下来的重点是进行图表的组织。

移动设备最大的特点是屏幕小，用户每次可接收的数据信息量小，所以如何有效组织图表信息是一个重要的设计点。

A）如何展示单个数据？

鉴于APP屏幕小，单个页面中就展示一个重要数据，如何设计？

此时选用圆形，会是一个不错的选择，因为它在页面中形成视觉中心。不管是饼状图，还是环形图，或是拥有视觉中心的雷达图，都会让页面上呈现一个视觉重点。

单个数据未免有些单调，为了让页面更加丰富，可采用深色、彩色、图片为背景辅以纯色的图形（如芝麻信用分），或者将像Clue一样，用重色将图形撑满，求得视觉上的饱满。

△ 中（Clue）右（支付宝）

B）如何展示主次数据?

要在页面中展示两到三种类型的数据，如何设计？

此时要注意以稍大的篇幅突出重点数据，弱化次要数据，尽量让主次数据的图表类型不一致，曲线图、饼图、环形图、柱状图等基础图表，交替使用，这样使得整个页面层次清晰，内容丰富。

△ 上：中右（Dribbble）  下：中（FitPort）右（Spendee）

C）如何展示大量数据？

还有一种类型，整个页面要分几大模块展示大量的数据信息，如何设计？

用户可能要刷几屏才能把所有的数据阅读完，此时，建议每个模块单独采用一种图表类型，各个模块的图表类型均不同，这样会减轻用户对数据展示的疲劳度。

△  City Guides

四、动效

动效可以提升产品趣味性，尤其在展示大量数据信息时，使用动效能缓解阅读压力。数据图表中常见的动效有以下几种：

A）以时间先后动态呈现数据

△  Spendee

B）导航切换

△  Dribbble

C）展示更多功能

△ Dribbble

D）屏幕横纵向切换数据

△  Dribbble

五、字体

一款字体使用的好，能彰显整个APP的气质，让整个APP特立独行。但鉴于APP字体版权及字体包大小，多数APP开发者都不把字体作为考虑范畴。

CityGuides是一款特别出色的APP，其图表设计很棒，字体选用也与整个风格设计相得益彰，非常出彩。有兴趣的可以网上下载这个字体（Optigiant），非商业用途的情况很受用。

△ CityGuides by National Geographic

APP中数据图表设计远不止于此，还是实践出真知。

最后附上一个在数据图表设计上有丰富经验的团队Rally//dribbble.com/rally

代表作：City Guides、Snowbird

转自：  

点击【图表专题】了解更多图表相关资讯

新年新禧新气象，送礼送福送优惠！优惠详情点击查看>>