信息图形设计入门讲座.ppt

1、2,3,4,它的过程包括： 收集信息 信息整理 归纳，分类信息 为其创造视觉表现形式,11,它是一种将不清楚的澄清、将复杂的简化、并且将那些会容易被误解的变得易于理解的过程。,它所使用的展现信息的方法，目的是为了给予那些使用者一个机会从大量的信息中取其所需，实质上它是对普通人了解陌生信息时的一种便利。,14,那么问题来了 这一切，是怎么开始的呢？,15,让我们回到战争年代,16,17,德国有200万人死于战争，150万人致残，100万人死于饥饿，瘟疫，经济濒于崩溃，工农业生产急剧下降，工人实际工资减少，再加上1320亿马克的巨额的战争赔款，德国基本完了。,18,19,20,21,它被设计成一种

2、作为替代书写脚本的图形方法（参照儿童的心灵）来交流以下的信息：,a. 方向、物体、事件、 b. 以上三者在空间与时间中复杂的关系,国际图像 文字教育系统,22,原则,简化 一贯,当时的哲学和社会主义思潮使得 Neurath 意识到，要向广大不识字的无产阶级传播知识，图形是最有效的方式。,23,奥拓组织了一个团队，由德国的木刻师 Gerd Arntz 领衔，设计了一套简化的图形标志，以表示工业、人口、经济、政治等事物，一共超过4000个图形标志，这也就是今天看到的 Isotype 的设计。,24,25,26,27,28,29,30,32,33,Isotype 图表： 出生率与死亡率,34,Iso

3、type 图表： 怎样使用公共电话,有兴趣的同学可查找 了解更多关于ISOTYPE的信息,35,为了应对广泛的美国企业的商业需求,Sutnar开发图形系统,阐明了大量复杂的信息,将业务数据转换为消化单位。他做了大量对于用来组织画面内容的括号、图标和线形元素的使用方法研究，使之成为了当代信息结构设计的先驱。,36,The basic structure was rational; juxtapositions, scale and color were curiously abstract : he used geometric forms to bui

4、ld signs that would attract and guide the eye from one level of information tothe next. repeating symbols and forms helped him express an industrial sensibility.,37,38,39,40,41,42,43,44,45,46,1942年四开大小的折叠页，这是战时对于效率的渴求。,47,耶鲁大学政治科学、计算机科学与数据、图像设计的荣誉教授。迄今为止，他在统计证据、信息设计、界面设计等方面写了七本著作，如让信息可视化、数字信息的可视化展示美

5、丽的证据等。他还在内容与设计方面，获得过40多个奖项。,48,“ 我们设想出各种信息，是为了思考、交流、归档、保存与延续这些知识。”,49,50,51,52,53,而在70年代，设计界将 各类可视化的信息设计构建归类 总体命名为： Infographic,55,视觉 指引,被视觉素材 吸引 使观者 主动的 投入至主题,56,57,58,59,60,61,图表化交通地图,62,地铁通行图,Berlin,柏林地铁(BerlinU-Bahn)于1902年开通运营。路网以柏林市区为中心点向外放射，总长度达146公里，90%的轨道位于地底。,Berlin S-Bahn 1908,Berlin S-Bahn 1909,Frank Pick,1906-1939就职于时任英国伦敦地铁电气公司，最后担任副总裁，对设计和科技有浓厚兴趣。,74,Edward Johnston,England / 1872 1944),爱德华约翰斯顿在1916年同时也为伦敦交通公司设计了一套无衬线体。该套字体后来添加了小写字样的新版本“New Johnston”至今仍然使用。,75,Johnston Sans Blocks,76,77,78,79,81,现在普遍流传的伦敦地铁图最早由电子工程师哈里贝克于1931年设计。该图的设计极具创新。,82,O