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

心得技巧
用户需求导致营销型设计
制作网页应该注意的5个问题
网页心得:策划和设计
网页设计:脚本素材重构用户体验
个人看法:谈谈设计
utf8编码网页包含文件时前面有空行的解决
符合设计规范的设计是好设计吗?
网页设计教程(7):提高网页制作效率
论好的设计
网页设计教程(6):要保持设计激情
网页设计要有目的有思路和想法与坚持
网页设计也要先对网站有全面形象定位
网页设计色彩搭配宝蓝色的介绍
yahoo开发的网页评分插件YSlow的评分规则
网页设计教程(2):论摹仿和抄袭
网页设计教程(1):步骤和整体布局
目前流行的界面设计的十条规则
设计理论:以人为本的设计理念
web2.0产品以及功能简单介绍
网站建设的经验总结

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


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

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