当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:如何设计电子图表

心得技巧
网站性能:图片和Coockie以及移动应用的优化
新手快速学习制作网站ICON的步骤
JavaScript和CSS的优化提高网站性能
提高网站性能中网站服务器的改进
什么是web设计
需要让用户"知其所以然"
网页设计制作科学化原则建议总结
Semantics:Html/Xhtml是否真正符合标准
2008年网页设计十条经验总结
跨浏览器的本地存储 Ⅰ
无法查看网页的源文件该怎么办?
设计能力修炼的好办法
门户网站改版之用户体验
你的网站适合IE8访问吗?
网页设计师如何应聘网页设计职位
Web开发时碰到的问题以及心得经验
怎样设计网页?怎样制作网页?
网页可读性提高的几个方法
网页设计心得:页面布局的简单规则
网页设计人员应该注意的43个Web设计错误

心得技巧 中的 设计理论:如何设计电子图表


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 51 ::
收藏到网摘: n/a

原文:How to make graphs that work

作者:Seth Godin

———————————— 全文的分割线 —————————————

graphics_chart

1.不要让流行的电子表单影响你制作图表的方式

全美92%的商业文案都是由那些大公司用Excel或Powerpoint的模板功能完成的,这真是噩梦般的悲剧。

首先,程序员经常没有很好的品味。字体通常松松垮垮(flaccid)、苍白无力,也无法引起人的兴趣,一点也不成熟。

其次,也是更重要的一点,当你向我展示我已经看过几百遍的东西时,你还期望我能说什么?这里有个提示:Zzzzz。

2.讲一个好故事

我想象一下,只有4种理由你会想给某人展示一张图表(不是表和充满信息的图,而是布满数字的图):

  • 这图表很不错,快去瞧!
  • 这图表像噩梦,救命啊!
  • 没啥事正在发生。
  • 我们需要一同工作来找出这些数据意味着什么。

我认为如果是第3个理由,你或许会把图一起给免了。第4个理由不是一个真正想要用图表进行表达的原因,只是一个工作讨论而已。所以,就第1和第2点而言,你就如同正在尝试点着一堆火、阐述一个观点或让某些趋势更突显,这些都是导致动用图表的原因。因此,你的图表就需要反映这些内容,或你正在浪费我的时间。

3.遵循一些简单的原则

当你违反了制图的基本原则时,你会使读者产生困惑,或让读者在不是你所要表达的事实上投入精力。这里有一些原则可供你参考:

  • 时间应放在图表的底部,并且要从左到右表示由近到远。
  • 好的结果应该在Y轴上呈现成逐渐向上。这意味着如果你想为减肥制作图表,不要做成“我现在有多重”,因为这样好的结果呈现是逐渐向下的。正确的方式是以“完成减肥目标的百分比”或“我已经减了多少”来制作图表。
  • 不要将不相关的数据连接起来。例如,一张有关幼儿园所有班级儿童的IQ图表,那就应该是一系列不相关的点,而不是一个线性图表。从另外一个角度来讲,你的减肥事实上是一个持续的过程,所以每天的数据都应该被附上。
  • 饼图的作用被过度高估。如果你想向我展示5个牙医中的4个偏爱三叉戟(Trident),而我们需要标识出那个不喜欢的,请给我们展示5个牙医的照片,然后使其中的一个引人注目。这样我们才会记住的。
     

growth_chart

5_dentist

4.打破一些规则

使用色彩。使用粗线。使用圆圈。使用个人数字作品集。使用大开面。不要使用3D图表,除非你获得了授权(license)。你可以用动画,但只有得到许可后才可。

如果你打破了太多的规则,也可能会产生事与愿违的结果。如果图表很难理解或扭曲,我们就不再相信它。