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

心得技巧
固定、流动、弹性网页布局的利弊分析
网页设计中的tab应用的两种类型
50个漂亮的FLASH网站设计实例
好的网站文案 良好的用户体验
设计欣赏:张扬个性的名片网站设计实例
网页设计教程:网页模式窗口要适时使用
设计参考:23个精美的橙黄色调网站设计实例
优秀网站UI设计简单的和通用的可用性策略
设计参考:11个合理排版结构的新杂志网站设计
如何设计兼顾美观与可用性的网站购物车
网页设计理论:IE6必须下地狱
网站地图放到网页底部的好处和实例
WEB安全工具大收集
密码保护设置影响用户体验的几点因素
简单分析新闻网站二级新闻列表的表现形式
网页图片的点击区域设计的用户体验
WEB设计师需要什么样的网页字体?
HTML中的input type="reset"标签失效(不起作用)的可能原因。
修改网页中的FlashSWF文件的方法
网页设计制作试题及参考答案

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 81 ::
收藏到网摘: 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)。你可以用动画,但只有得到许可后才可。

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