在信息爆炸的今天,如何有效地传达信息是一个备受关注的话题。将信息以信息图的形式表现,能使信息脱颖而出,迅速被人理解。

信息图早已融入我们的日常生活中,无论是在家中还是在户外,人们都能接触到各种各样的信息图。例如微博附图、销售报告、产品介绍、公交车路线图、股票行情图等。

本书将信息图的呈现方式分为6种:图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、图形符号(Pictogram)。结合丰富的案例,分别介绍了信息图设计的72种技巧和需要注意的问题。

图解力:跟顶级设计师学作信息图

为什么信息图对我们那么重要?因为——

  • 它将抽象的信息视觉化,让人一看就懂!
  • 它形式新颖,让人眼前一亮!
  • 它无语言障碍,能够高效传播!

 
读图时代,你必须有这本!

◎72个章节,剖析图解一切信息的法则
◎168幅图例,照葫芦画瓢,立马上手
◎穿插国际设计大师的作品,榜样正能量

亚马逊购书地址:《图解力:跟顶级设计师学作信息图》

精彩试读:

【技巧40】制作富有冲击力的统计图

由远及近,表现冲击动感

图解力:跟顶级设计师学作信息图

图A
图A是各新干线列车开始运营年份及最高时速的变化情况。从1964年通车运营时时速为220km的0系列,到时速为300km的N700系列,速度持续提升。虽然不难想象时速增加1km的技术难度,但速度并非成倍上翻,而只有80km左右的差距。在一般的统计图上难以传达这么小的变化差异。那么,应该如何才能让读者对加速留下深刻印象呢?

首先我尝试将最高时速的增加以一般柱形图来表现,结果如图a所示,这样难以传达加速的感觉。虽然柱形图能够表现数量,却难以体现速度感。于是如图b所示,我采用透视图从远到近表示移动,使人对速度产生较深印象。在新干线站台,列车逐渐逼近时,你或许也曾感受过它风驰电掣的感觉。
在此若使用插图则缺乏说服力,因此我打算采用真实的照片。开会解说了设计理念后,在场的摄影师马上找出了最佳拍摄角度,在冈山县完成了这张照片,完美地与统计图合为一体。这种表现方式能够有效突出事物间不大的差异。但如果过度使用或恶意曲解,就会产生失误,使用时需要注意。

图解力:跟顶级设计师学作信息图

图a

图解力:跟顶级设计师学作信息图

图b

【技巧47】地图的配色

道路的四种基本设计

地图的设计完全取决于道路。只要改变一下道路的表现手法,整体的感觉就会彻底改变,请看下面的例子。道路的基本设计可以分为四类。图A中的道路是白色的,图B中白色变成了底色,图C中道路和底色都是白色的,所以采用了轮廓线来表现道路。三者都采用了白色,白色具有缓冲作用,所以比较容易取得平衡感,给人清爽的感觉。即使对于制作地图的新手来说也不容易失手。

图D的底色和道路都使用了彩色①。因为没有使用白色,所以色彩的平衡不容易掌握。除了杂志版面以外,运用在其他地方可能不太合适。不过一旦解决了色彩平衡性的问题,就能设计得非常有个性。但是,广告也好,杂志、网页也好,在各种载体上单独刊载地图的情形是很少见的。到底该选择哪种设计,应该在充分考虑包含色彩、字体在内的整体平衡后再做决定。

图解力:跟顶级设计师学作信息图
 
图解力:跟顶级设计师学作信息图
 
图解力:跟顶级设计师学作信息图
 
图解力:跟顶级设计师学作信息图

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量60万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

图解力:跟顶级设计师学作信息图
 

收藏 3
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。