ExcelHome技术论坛

 找回密码
 免费注册

QQ登录

只需一步,快速开始

   
EH云课堂-专业的职场技能充电站 Excel转在线管理系统,怎么做看这里 Excel服务器-会Excel,做管理系统 Excel Home精品图文教程库
Excel不给力? 何不试试FoxTable! Excel 2016函数公式学习大典 高效办公必会的Office实战技巧 免费下载Excel行业应用视频
300集Office 2010微视频教程 Tableau-数据可视化工具 精品推荐-800套精选PPT模板,点击获取 ExcelHome出品 - VBA代码宝免费下载
你的Excel 2010实战技巧学习锦囊 欲罢不能, 过目难忘的 Office 新界面 Excel VBA经典代码实践指南
查看: 74804|回复: 193

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

  [复制链接]

TA的精华主题

TA的得分主题

发表于 2010-1-23 20:59 | 显示全部楼层 |阅读模式
一直有这个想法来写写图表设计方面的内容,但未能下笔
今天开笔记录在此处的目的是想和大家交流一下,同时也给使用图表的同学一些指导

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

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

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

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

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

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

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

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

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

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

评分

参与人数 3财富 +20 鲜花 +1 技术 +5 收起 理由
_s_bri + 1
snood + 5 优秀作品
dg831451 + 20 权限问题,只能加财富。等版主来加分。不错 ...

查看全部评分

TA的精华主题

TA的得分主题

发表于 2010-1-23 21:04 | 显示全部楼层

TA的精华主题

TA的得分主题

发表于 2010-1-23 21:14 | 显示全部楼层

TA的精华主题

TA的得分主题

 楼主| 发表于 2010-1-23 21:19 | 显示全部楼层
B 设计有章可循

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

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

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

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

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

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

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

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

TA的精华主题

TA的得分主题

发表于 2010-1-23 22:00 | 显示全部楼层

TA的精华主题

TA的得分主题

 楼主| 发表于 2010-1-23 22:09 | 显示全部楼层
B1 摆正你的元素关系[亲密性详解]

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

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

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

TA的精华主题

TA的得分主题

 楼主| 发表于 2010-1-23 22:42 | 显示全部楼层
B2 专业精神 [对齐详解]

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

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

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

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

[ 本帖最后由 dul 于 2010-1-30 19:34 编辑 ]
截图1264257717.png

TA的精华主题

TA的得分主题

 楼主| 发表于 2010-1-23 23:05 | 显示全部楼层
B3 不要让你的图表失去统一性[重复原则详解]

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

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

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

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

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

[ 本帖最后由 dul 于 2010-1-24 18:57 编辑 ]
截图1264303048.png

TA的精华主题

TA的得分主题

发表于 2010-1-24 00:06 | 显示全部楼层

TA的精华主题

TA的得分主题

 楼主| 发表于 2010-1-24 11:53 | 显示全部楼层
B4 强烈的去表达你的诉求[对比使用详解]

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

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

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

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

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

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

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

左侧的表现就相应差很多

[ 本帖最后由 dul 于 2010-1-24 12:04 编辑 ]
截图1264305066.png
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

关闭

最新热点上一条 /1 下一条

关注官方微信,每天学会一个新技能

手机版|关于我们|联系我们|ExcelHome

GMT+8, 2019-6-25 00:18 , Processed in 0.119786 second(s), 13 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2017 Wooffice Inc.

   

沪公网安备 31011702000001号 沪ICP备11019229号

本论坛言论纯属发表者个人意见,任何违反国家相关法律的言论,本站将协助国家相关部门追究发言者责任!     本站特聘法律顾问:徐怀玉律师 李志群律师

快速回复 返回顶部 返回列表