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

心得技巧
jQuery对象中的类数组操作
制作整洁漂亮网页的4个原则
想偷懒的网页设计师应该准备的规范化和模版化
网站线框图工具
屏幕分辨率与网页布局和用户体验的关系
良好的用户界面所必须的八个特性
白色作为背景色,简约漂亮的网站
前端开发人员和产品设计师之间的沟通
设计研究:图形符号帮助改善用户体验
牛皮癣字条的ued思想
贴近用户心理模型的设计
设计理论:网页版面布局的平衡性原理
UED体验:网页中胡乱标红
《用户体验要素》读书笔记
设计理论:视觉设计是美化产品
Webjx收集国外25个非常棒的Flash网上商店
网站作品:三步法提高网站可用性实例
网站插话角色:网站中有趣的友善的感觉
出色的网站联系表单页面设计
Photoshop四维立体特效40个教程

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


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

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