[海平面]由信息图表完美诠释主题的案例(二)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

如何将复杂的主题(如:碳预算或大数据),以通俗易懂甚至具有一些娱乐性的形式呈现出来?

答案很简单,那就是利用信息图表这种形式。

Image title

[海平面]由信息图表完美诠释主题的案例(一)

Image title

你想要知道1982年与2012年相比,有多少家庭拥有电脑吗?你想要知道什么职业最适合你的个性吗?这些都需要查证大量的信息,如果有一张图表来说明,我们是不是花更少量时间,而且理解起来也更容易。

信息图形如此受欢迎的原因可能与这个事实有关:世界上65%的人口是视觉化的。当复杂的主题和数据以原始的形式呈现时,它们可能很难传播和被理解,但是当它们以图形的形式被简明扼要地描述时,主题的信息就会变得更容易理解。

下面,为你展现出复杂而出色的信息图表设计最佳设计案例。

11.主题:博主的演变

Image title

上图有趣的图形为我们展示了可能遇到的许多不同类型的博主。每一个博客的图形都是刻板印象的,但很快就能辨认出来,例如,政治博主打着领带,时尚博主穿着蓝色的高跟鞋和人造毛皮。

小贴士:你在网站上,也可以把元素拟人化。

12.主题:了解7个脉轮

Image title

这个信息图以人体为例,描述了脉轮是什么,以及每个脉轮所在的位置。每个脉轮都以不同的颜色和符号表示,从而可以很容易地从远处识别出来。

小贴士:为设计的每个元素分配不同的颜色。

13.主题:色彩协调艺术

Image title

这个关于颜色协调的信息图,使用中性色作为背景图,以引发读者对色轮的关注。在这里,使用相同的图形元素(色轮)八次,但每次应用的色轮,都有细微变化,以此代表不同的颜色组合。

小贴士:重复是可操作的,只要你稍微改变一下,就能代表一个新的想法。

14.主题:6个设计原则

Image title

信息图中的两种颜色可以很好地相互配合,以一种新颖而简单的方法,来创建好设计。每个元素在单独使用时可能很简单,但是结合在一起时,这些元素会创建一个强大而有凝聚力的设计故事。

小贴士:把简单的图形一起使用,来创建一个强大的设计故事。

15.主题:游戏神经病学

Image title

不同色度的蓝色创造了一个连续的色彩故事。这张信息图一直使用白色文本来解释要点。卡通元素有助于设计元素进一步说明,使抽象概念易于理解。

小贴士:用一种主要的颜色贯穿在设计中。

16.主题:转基因作物(GMO)——你的知情权

[海平面]由信息图表完美诠释主题的案例(二)

丰饶土壤色背景图是这张关于转基因食品信息图表非常有创意的地方。所有的图形元素,包括字体排版,都是采用粗糙的和未经修饰的元素,这也正呼应了主题内容。

小贴士:将信息图表的所有图形元素,对主题内容进行呼应。

17.主题:笔迹心理学

Image title

在这张信息图上,紫色、蓝色和白色占主导地位。色彩充满活力、引人关注,既不会过于刻板,又不会过于张扬。

小贴士:在图案中交替使用颜色,来创造兴趣感。

18.主题:有机真正意味着什么?

[海平面]由信息图表完美诠释主题的案例(二)

绿色代表新鲜,这就是为什么它用于有机食品信息图海报设计上。在青翠的背景下,文字是干净和白色的。毫无疑问,这张信息图充满着活力。

小贴士:敢于用鲜艳的颜色来表达想法。

19.主题:手动摄影指南

Image title

白色背景、简单的色彩故事和最小的图形,使得信息图更易于打印。它在很少的空间内包含了很多有价值的信息,并且在逻辑上做得很好,没有放一些不必要的图形。

小贴士:在创建可打印的指南时,要坚持极简主义设计。

20.主题:左脑与右脑对比

Image title

正如我们以前所见,此信息图为每个主题(左脑和右脑)分配了一种颜色。它还结合了图形元素来阐明想法。实际上,每个想法都配有一个图形元素。

小贴士:使用图形元素来支持或阐明想法。

21.主题:大数据的未来

Image title

不同尺寸的图形元素有助于增加此信息图的兴趣感。当看到此信息图,眼睛立即被吸引到该信息图顶部的超大图像,但你会注意到它是有目的地使用这张图片。这个目的是为了说明创建大数据的各种方式。

 收藏