IT技术博客大学习 共学习 共进步

设计信息可视化的10条建议

UED TEAM 2010-07-19 19:46:37 累计浏览 1,582 次
本机暂存

    在coolinfographics.com看到这篇,觉得很不错。挑了几句重要的来翻译下,和大家分享。另其中的配图 没有贴上,可以点击过去看原文。

    原文链接:10 Tips for (journalists) Designing Infographics

    (http://www.coolinfographics.com /blog/2010/4/27/10-tips-for-journalists-designing-infographics.html)

    新闻出版中设计信息可视化(infographic)的10条建 议

    1. 内容简洁

    新闻报道不是科学论文,读者不需要接触到那些琐碎的专业细节,所以一幅infographic, 只要讲清楚一个观点就行了。当然,这并不代表应该只展现一个数字,而是你使用的这组数字应该只用来说明一个主要观点。

    2. 大小合适

    事先规划好图形最终的尺寸是多大,能不能看的清楚。要知道,并不是人人都愿意“点击查看大图”的。 如果图片实在太大的话,那至少在缩小版上保证概要内容能看的清楚,让有兴趣的人“点击查看细节”。从整体的排版和布局上考虑这个infographic怎 么和文章匹配,放在哪个位置、占多大篇幅等等。

    3. 表达专业

    把数字与相应的注解融入到infographic中去,让它看起来专业化。但注意不要专业过 头,让普通读者觉得太难懂了,读者是不会花太长的时间来专研这些图表的。更不要简单地把图表、数据和注解分散在不同位置,迫使 读者不得不在这些内容间不停地来回移动。

    4. 数据清晰

    图表也常常让人得出错误的结论。适当保留详细的数据源表,或者提供一个链接、文档什么的,让有心的读者可以深入挖掘下去。

    5. 与众不同

    如果可以的话,避免使用常规的柱状图、线图和饼图。可以加入些互动元素,让图表活起来。

    6.准确性

    当你使用不同尺寸几何图形或图片来表示数值上的大小时,记住要从使用他们占用的面积来表现大小差异。比方说,如果你是用两个圆圈来并表示“A是B的 三倍大”,那么,圆圈A占的面积是圆圈B的面积的3倍,而不是把A的 半径设为B的3倍。因为这样的话,A的面积实际上是B的9倍 (半径的正确比例是A:B=根号3:1)。

    7. 提升吸引力

    使用图示和照片来调整风格,让图形变得焕然一新。

    8. 混合多种图形

    大胆的把各种图形化手段混合在一起。比如你的数据与国家有关,那么把他们和世界地图结合,会比使用一张常规的柱状图的效果要来得好。

    9. 别忘了署名

    要知道,你的infographic可能会被无数次的转载和分享,但你的文章通常不会一起转 载。在全部完成前,请确保图片中包含了下面这些内容:

    * 版权――明 确他人使用时的权利和注意事项。

    * 数据源――为有心人提供深入挖掘的线索,也让别人能 验证你的数据是否可靠。

    * 作者――你的团队可能包含美工,编程,艺术设计等等,别忘了 他们,建立团队间的信任。

    * 图片及文章的源地址――这样别人也能去看看你有什么别的作 品。< /p>

    10. 重要的是发挥创意

    你可以使用任何你想得到的工具来创作你的infographic,重要的是发挥你的创意。当 然,这还得和你想要什么样的效果有关。很多设计师都是用很普通的、很常见的软件来完成作品的,比如OmniGraffle或Visio,Office或 iWork,当然还有Photoshop。

建议继续学习

  1. HTML5+CSS3 loading 效果收集 (累计阅读 6,381)
  2. Canvas学习教程 : Canvas介绍 (累计阅读 4,280)
  3. 通过WebRTC获取摄像头影像 (累计阅读 3,960)
  4. 给数据穿上美丽的外衣 (累计阅读 3,681)
  5. 使用canvas绘制时钟 (累计阅读 3,660)
  6. HTML5 Canvas(画布)教程 (累计阅读 3,600)
  7. 使用JavaScript和Canvas开发游戏 (累计阅读 3,582)
  8. 图片旋转的小例子 (累计阅读 3,520)
  9. 20个有趣的网站 (累计阅读 3,460)
  10. 30个完美的图表设计欣赏 (累计阅读 3,462)