★图表美化 之布局★ [ 1 宏观 原则 ]

dul

一直有这个想法来写写图表设计方面的内容,但未能下笔
今天开笔记录在此处的目的是想和大家交流一下，同时也给使用图表的同学一些指导

为什么讲这个：
平时在日常的工作和学习总是发现：我们的图表和表格其实并未认真设计过
因为我们实际并不清楚正在进行的是作品设计，或者根本就没有意识到

A  设计不高深
说到设计，大家可能会晕，这个好像很高深的样子，其实不然

设计 Design
意指有目标和计划的创作行为、大部份为商业性质、少部份为艺术性质。

简述
最简单的关于设计的定义、就是一种“有目地的创作行为”。
基于图表来讲就是：一种“有目地的图表创作行为”。

根据使用的不同 图表又分为：格式化图表[主要针对工程技术和约定俗成，这类图表一般有标准格式及定义] 和 非格式化图表

看完上述内容我们就清楚了：
图表设计的两个核心问题
1 你的目的是什么：你准备使用图表来说明什么问题？
2 你将如何规划：你准备使用什么样的图表来说明问题？
   A 你准备如何布局图表？
   B 这个图表如何实现？

论坛相当一部分的问题来自上述的问题并未搞清楚

请记住当你面对一堆数据，无从知道这些数据告诉你的是什么，你期待透过图表来呈现时
你一定要问问自己以上的问题
这将有助与你做出正确且有价值的图表，而不是浪费大量时间 误导你

下述技巧：主要针对非格式化图表 这类图表在我们日常是最多见的

[ 本帖最后由 dul 于 2010-9-2 22:43 编辑 ]

cxffxc

有道理,期待下文。

lgcmeli

支持楼主的创造性作品。

dul

B 设计有章可循

讲这个之前我强烈建议你读一下Robin Williams的《写给大家看的设计书》

首先必须要记住：图表的任何一个元素都不可以任意摆放
为什么很多人崇尚 商业图表 原因就是 图表的任何一个元素都不是任意摆放的

设计围绕的主要是以下四项基本原则：

1.亲密性
亲密性原则指的是：将相关项组织在一起。因为在一个图表上，物理上的接近就意味着它们之前存在意义上的关联。

2.对齐
对齐原则是指：任何元素都不能在图表上随意安放，每一项都应该与图表上某个内容存在某种视觉联系。

3.重复
重复原则是指：设计中的某些方面要在整个作品中重复。

4.对比
对比原则是指：如果两项不完全相同，那么就应当使之不同，而且应当是截然不同。

[ 本帖最后由 dul 于 2010-1-23 21:44 编辑 ]

leezhihong

学习了，有例子更好

dul

B1 摆正你的元素关系[亲密性详解]

观察附件图片：
第一张图表标题和图例看起来有并列关系，但实际上，并不存在并列关系。
这样的图表让人看起来会觉得没有重点，所以图表标题根本没人会多看一眼，
受众会很茫然这是什么图？

请记住：图表元素里 图表标题 的意义是告诉受众这个图要表达什么

第二张把标题和图例通过空间和大小分成两组，这样就变得好得多
受众看到图表标题比较大的字后，受众马上会明白你要通过图表表达什么了。

dul

B2 专业精神 [对齐详解]

你我实际已经在Excel应用中不知不觉的使用了这一原则，而且很多情况下，你我用到的都可能是居中对齐。
尤其是Excel 图表的标题 默认 是这样的
但你应该知道，左右对齐给人的视觉效果更为强烈。
文字边缘与图表核心偏远对齐往往有更好的效果
这里有两个概念要讲：

软：
居中对齐的边界是中心线 而这个中心线在人的视觉中的概念是模糊的 其两侧 大量的留空 会使人感到安全 但反应了你的怯懦

硬：
无论你愿意或不愿意 图表的 坐标和边框 总给人 生硬的感觉 与这些对齐 就会使图面显示出硬朗的感觉 让人信服

下面的例子中，NO.3明显要比其它好很多，最糟糕就是NO.1了。

[ 本帖最后由 dul 于 2010-1-30 19:34 编辑 ]

dul

B3 不要让你的图表失去统一性[重复原则详解]

要有整体性，你甚至可以在自己的多个图表中都沿用某一种重复，这样别人看到这个重复的时候就能知道这个图表是你的作品。
在图表设计中，重复性原则有两种应用。

第一种就是 颜色，使用颜色之前你必须清楚，颜色的大面积 尤其是图表区背景
使用会减少图表核心诉求的表达面积，降低图表的表现力。
看看 图示№ 1

第二种重复是在元素中相同的格式，这会让受众很清楚的明白各元素间的层次关系。
重复原则可以让你的图表看起来简化一些，而且更具可读性。
比如字体的大小 字体的类别
请尽量在图表中不要超过一种字体 和 两种字体大小 这个限制 因为字体是形状
看看 图示№ 2

无论如何：图表中的字符千万不要太多。坐标轴上的字符是图表字符相对集中的区域，请慎重处理坐标轴
图表重点体现的是： 势 / 差异 / 趋向 这是体现你目标诉求的表现方式
如果体现信息过多 势 / 差异 / 趋向 就不明显了 其它的信息干扰了图表的目标诉求表现
不要认为图表上的某些元素圣神不可侵犯 大胆去掉它 比如坐标轴 网格线 绘图区背景及边框
看看 图示№ 3

记住一个原则：所有字符和信息必须少到3秒钟可以理解你的图表。

[ 本帖最后由 dul 于 2010-1-24 18:57 编辑 ]

jsszzj

解说精辟

dul

B4 强烈的去表达你的诉求[对比使用详解]

你的目的是什么：你准备使用图表来说明什么问题？要说明这个问题 请大胆使用 对比
它将有力的帮助你完成这样的表达

对比一定要强烈，千万不要畏缩和偷懒。不管是有意无意，一般人很少用到对比原则，反而常常在这个问题上犯下错误。
需要注意：如果对比不强烈（比如三号字体和四号字体），就不能算作是对比，而会成为冲突，在观众看来，这种设计更像是一个失误。

在图表设计中，对比可以通过很多方法实现：如字号、字体 颜色 形状[点 线 面] 等。
通常，我们需要使用以上多种方式来实现对比。

最好的对比切入点是：颜色 和 大小或面积

如果你的图表上的颜色不多：比如只有白色 和 黑色 ，你只要将其中一个元素改为 红色 这个对比效果将完全不同
但关于字体的使用要注意：同一图表中应用了对比的元素，该元素的对比效果不能出现两次[比如字体的类别 和 颜色]。

永远记住：请保持整个图表的布局有焦点，且焦点是唯一的

附图右侧的图表明确向受众传递了如下信息：
使用了较大的字体来这个图是做什么的，使用了红色这个强烈的颜色来说明当前的进度如何
注意：
色彩的使用 在这里红色将受众的视线集中在了当前的进度，他就成了关注焦点 因为它太强烈了
图表标题的大字使用 在这里成了辅助说明当前进度的必要信息

左侧的表现就相应差很多

[ 本帖最后由 dul 于 2010-1-24 12:04 编辑 ]