sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

数据可视化设计的五个重要要素

Share

Time:

2017-12-29 09:15:03

Author:

limo

设计一个信息图表就像设计一个网站一样。它从一个概念、目标、甚至是线框开始。最大的区别是信息图的所有信息都包含在一个单元中,而一个网站有多个页面和方法来吸引用户。你几乎可以把infographic想象成一个平面或静态的微型网站。你也可以设计一个网页作为信息图表!以下是帮助你充分利用下一个信息平面设计的五个基本要素。


1、一个数据的故事



一个好的信息图表从一个可靠的故事开始。这通常是基于一些可视化的数据,以使其更容易理解。在你陷入i -don ' t-have- numbers- trap(陷阱)之前,数据不仅仅是数字运算。数据是任何可以用来进行比较分析或指导的信息。数据可视化只是使信息更易于理解和理解的一种方式。出于信息图表的目的,这个故事可能需要简练。这不是一部小说,它是一种有几百个单词、大标题和一个将其联系在一起的视觉主题的想法。


2、视觉风格和流



信息图表需要强大的视觉效果来吸引用户。大多数信息图是从左到右,从上到下,以比水平格式更垂直的方式阅读。这种风格是设计的,因为它反映了自然的眼动和阅读模式。但是你可以做一些其他的事情来增强视觉风格和流量:

使用一个调色板。和其他设计项目一样。坚持风格指南。即使是这个小格式的故事也需要包括一致性。使用倒金字塔来放置信息,这意味着最重要的信息在顶部,当用户向下移动图像时,它的重要性就会降低。保持它的可读性。最优的是,用户应该能够一眼看到大部分信息,并且所有的信息都应该是可读的。如果你发现你的信息图需要在大尺寸上有一点,那就把它分成可管理的部分,这样所有的信息都可以在同一时间内看到。记得规模。通过数据可视化,上下文是重要的。将任何可以转换为可视元素的文本转换为可视元素,但要记住提供足够的上下文,以便易于理解。如果一个元素的大小是另一个的两倍,你用圆圈来表示这个,一个圆应该是另一个圆的两倍。信息图之所以吸引人,是因为它们模仿了我们大脑的运作方式。这种视觉上的信息表示更容易思考、理解和保留。


3、字体面板与层次结构


信息图表在大字体上茁壮成长


与任何其他设计项目一样,创建一个带有一两个字体的排版板。但是不要害怕让字体比一般的字体大。信息图形通常包含多个小块类型。通过增加大小和行间距,使该类型更易于扫描和读取。另外,要为你想要突出的短标题或大数设置一个特殊的字符样式。把它想象成吸引用户到信息图中关键信息的新奇字体。与其他项目不同,在信息图表中,新奇和标题字体可能会被多次使用。确保为这些元素选择了字体,这些元素是粗体的,但不是压倒性的。不要害怕使用颜色、粗体或黑色的人物风格,以及来自同一类型的家庭的多重变化——粗体、斜体、规则、帽子等等——以提供最大的影响。


4、足够的空间



因为信息图可以在一个小容器中包含大量信息,所以白色空间很重要。利用空间将用户吸引到特定的信息,并提供重点。利用战略间隔,在用户消化信息的时候给他们一个休息的机会。空间还可以帮助平衡重文本元素、大的或复杂的图像或信息,并使整体设计感觉易于管理。一些设计师几乎陷入了老式的广告设计陷阱,在设计信息图表时,每一块画布都必须包含信息。不要让这种事发生在你身上。空间可以和与它相邻的信息一样重要。


5、行动呼吁



不要忘记你的信息图表应该始终有一个目标。你为什么要做这个?看到它的人应该怎么做?提醒用户分享。包括嵌入代码或链接,以驱动用户回到你的网站。要忘记包括品牌和身份证明。上面的网站是一个信息图表,不同于其他平面的信息图。在创建信息图表时,不要害怕思考。


结论



这里有一个额外的建议:不要把你所知道的关于某个话题的信息弄乱。信息图表应该向听众提供简洁、精简的信息。这是一个很好的地方,给用户一个主题的概述,并诱使他们在你的网站或通过另一个销售漏斗了解更多。将信息图保持在一个单一的主题上,这样就很容易理解和清楚地告诉用户他们下一步应该做什么。最好的信息图表可以即时抓取用户,但有足够的深度来鼓励阅读和思考这个话题。这是一个微妙的平衡。创建更好的信息图表的最好方法是研究其他人的工作。保留一个信息图表的文件夹,它会吸引你,弄清楚哪些是可行的,哪些是可行的。你可能会发现一种强大的故事性和卓越的视觉组合。