|10条可视化设计法则,3分钟教你设计出好的可视化作品

|10条可视化设计法则,3分钟教你设计出好的可视化作品

文章图片

|10条可视化设计法则,3分钟教你设计出好的可视化作品

文章图片

|10条可视化设计法则,3分钟教你设计出好的可视化作品

文章图片

|10条可视化设计法则,3分钟教你设计出好的可视化作品

文章图片

|10条可视化设计法则,3分钟教你设计出好的可视化作品

文章图片

|10条可视化设计法则,3分钟教你设计出好的可视化作品


10条可视化设计法则 , 3分钟教你设计出好的可视化作品
一、展示数据
在鱼的下方加上标尺 , 展示数据 。显而易见 , 数据设计不能离开数据 。 一旦收集到了数据 , 第一步要做的便是展示它 , 或是决定你如何展示 。
如何去展示你的数据 , 取决于数据本身、受众和媒介 。 在这个案例中 , 鱼的图形和数据标尺共同提供了有价值的信息 。
二、使用图表
编组信号 。 【|10条可视化设计法则,3分钟教你设计出好的可视化作品】“在如此小的空间中 , 只有图片能传递这么大量的数据信息 。 ” ——Edward Tufte
在上面这个案例中 , 文字描述是不够的 , 事实上 , 单独的文字描述并没有什么用处 。 当单独的文字不能有效地传递信息时 , 最好使用图片和表格 。 地图、手册和教学指南只是利用图片和图表形式的其中几种 。
三、规避无效信息
图表中立体效果和阴影是会分散注意力的;现在没有了 , 很好 。“无效信息会将小错酿成大灾 , 但永远无法拯救单薄的数据集 。 ” ——Edward Tufte
当数据可视化设计太注重设计的时候 , 就容易产生无效信息 。 上述所示的案例中 , 图表不需要多余的阴影和立体效果 , 若是有了多余的内容 , 解读数据就会变困难 。
分散的形式、过分的颜色 , 甚至是不必要的格子和线条都可能成为无效信息 。
四、简化图表
看看我们如何简化图表 。(Data-ink是指一张图表中用来代表数据的无法擦除的核心部分所使用的墨水)正如上图所展示的案例 , 是我们如何简化图表 。 然而 , 在决定设计元素去留的时候要小心谨慎 。 可不要为了简洁而去掉了重要的信息 。
最重要的是 , 数据是第一位 。 在考虑设计元素的时候 , 应该以“数据更容易被理解”为前提 。
五、贴上标签
标签可以让图片更突出、有意义 。 在这个案例中 , 标签的数字指向具体部位 。
没有标签 , 所有部位将变得杂乱无章 。 标签是信息性的指引 , 并且在数据可视化设计中至关重要 。 为了使标签更有效 , 应集中在清晰性、易读性和区别性的设计上 。 标签应该和数据有所区别 。
六、利用微阅读
点击图片上的任意处来观看微阅读 。“若要清晰 , 加上细节 。 ” ——Edward Tufte
细节都在微阅读中 。
在这个案例中 , 巴黎的这幅绘画上充满了细节 。 从远处看 , 成千上万的门窗交织在一起 , 形成了凝聚结构的建筑和社区 。 因此 , 宏观的清晰是由微观的质量和数量决定的 。
七、分层展示
点击五线谱来显示更多一层数据 , 数据就像音乐流淌耳边 。“要不可避免地、坚定地认为 , 最重要的是信息图层之间的合适关系 。 ”——Edward Tufte
当设计元素在基调、颜色、形状上明显不同时 , 就需要分层展示 。
在上述的案例中 , 因为不同的颜色和形状 , 音符和五线谱看起来是两种不同的元素 。 音符是纯黑且粗的 , 五线谱是灰且细的 。 若是二者都被用以黑色和粗体 , 那么就很难显示区别 。