2019年12月4日

信息图表设计规则是什么?

就像您要适当均匀地隔开空间,并为正式晚宴布置桌子时选择匹配的物品一样,信息图也遵循相同的设计规则。

如我在draw.io中创建第一个信息图的上一篇文章中所述,我是作家,而不是图形设计师。我是盲目的,没有任何经验,既没有使用draw.io,也没有创建图表,也很少了解什么是设计上好的图表的信息。

我从一位常驻平面设计师那里得到了一些很棒的建议,比方说为正式晚宴摆上桌子。

想象一下,您的信息图表是为正式晚餐布置的桌子。您想为每个客人(您的观众)尽可能地布置餐桌。

 

优质信息图表的设计规则

1.少即是多

第一步是草拟要包含在信息图中的内容。这可以在纸上快速完成。

然后将这些内容简化为纯粹的基本信息。请记住,图形和图标的含义远胜于文字-您无需用图像表示每个细节,尤其是当图像除文字之外时。

如果您只用一种酒或餐具,并且不随晚餐进行,则您不想拥有四种不同类型的眼镜。保持餐桌上的位置设置尽可能简单。

 

2.全部与视觉跟踪有关

您不想让客人不知所措,而让他们选择太多。您想让他们看到餐桌上的每道菜以及他们自己的位置。

您的信息图应结构合理,以引导观看者观看内容。确保信息图表的每个单独部分结构合理且清晰分开。

 

3.给我空间!

我们正式餐桌上的每个客人都想知道属于哪个盘子,玻璃,刀子和形式,这就是为什么您需要在桌子上的所有物品上摆放适当的空间,以便每个物品周围都有适当的空间的原因。

信息图中的“空白”必不可少。当足够多时,这个神奇的组件使图表看起来很整洁。它在视觉上对内容进行分组,并通过信息图引导观看者的视线。

 

4.使用一致的样式

每个元素,无论是标题还是图标,都应具有相同的样式和相同的位置。

就像正式饭桌上的每个玻璃杯都具有相同的形状,颜色和结构一样,这些刀子看起来彼此相同,并且背景均匀且无干扰。

 

5.不要弄乱对齐和间距

您所有的盘子到桌子边缘的距离都相同。刀,餐具和玻璃杯相对于盘子放置在相同的位置。正如您在桌子上的每个项目周围创建了不可见的边框或空间一样,您应该对信息图进行相同的操作。

到信息图的顶部,底部,左侧和右侧边缘使用相同的距离。外部元素必须与该边界对齐,并且没有超出边界的部分,类似于印刷页面上的文字。

另外,每一节或每组内容都应与下一个内容区使用相同的间距,并且应严格对齐,就像正式宴会上一个地方的设置与下一个地方的设置一样。

这有助于查看者在整个信息图表中“流动”,而不会陷入似乎不合时宜的单个元素的状态。

 

 

你怎么看?

通过遵循这些设计规则,  我创建的带有不匹配图标的混乱且分布不均匀的信息图重新设计为美观而又简单的杰作。 ☺️

这两个版本的信息图都是在draw.io中创建的,因此您可以看到draw.io支持良好的设计,并且非常灵活且易于使用。

您认为在创建图表时还应考虑其他哪些设计规则?