信息图表D.ppt

信息图表,2015年3月 主讲：李 刚,图表设计的表现方式,3,第一节 统计图表设计,图表发展到今天，其形式千变万化，内容丰富多彩，很多优秀的图表设计师也在不断尝试视觉效果上的创新。然而对于实用性极强的图表来说，的确有一些形式上的常规为图表的创作和传达开通了一条方便的途径。 基本形式：线形方式、条形方式、柱形方式、饼形方式、点阵方式,Statistics Chart Design,一、线形方式 线形式是主要针对坐标类图表的基本形式。线形分为折线和曲线，建立在坐标的基础上，表示事物的高低变化状态。,二、条形方式 条形式是主要针对条块类图表的基本形式。依然基于坐标的基本框架，用条形块、面来表示事物之间类别的对比。,“谁在进入美国？”-2008年20个国家移民美国的情况表。图表中列举了三方面的主要数据：移民总数据、有直系美国亲属的数量、流亡与避难的数量。,三、柱形方式 柱形式也是针对条块类图表的基本形式。初看起来，它只不过是旋转了90度条形图表，然而不同的是，横向的条形式一般表示类别的对比，纵向的柱状式适用于数量的对比，特别是强调格外多或格外少以及负增长时更应使用纵向的柱状式。,四、饼形方式 饼形式是主要针对圆形类图表的基本形式。饼形图表由于同一个圆形中块面分割的鲜明对比，在表示量的多少，特别是在百分比中所占比例的多少具有格外明确的意义。,五、点阵方式 点阵方式是主要针对图示类图表的基本形式。点阵方式是建立在坐标的基础上，用点的位置标明所表述的信息，又可以直接在地图、人体结构图等具体图示上直接标出与之相关的数据、比值等要素。,“历史上20个最大的破产公司”，资料来源：http/。图表用不同类型和大小的船形来表示不同公司的规模，以不同颜色表示其不同的行业。,第二节 示意图表设计,示意图表广泛应用于科学、教育、大众传播等领域，也经常以插图的形式出现在报刊、杂志、书籍中，是对语言文字的补充和进一步说明。在视觉领域，打破了语言间的障碍，为推进自然科学的发展和大众信息的传播起到了重要的作用。 示意图表图示结构：树状结构、花状结构、物态结构、流程结构。,Schematic Chart Design,一、树状结构方式 树状结构具有非常有序的系统特征，存图表设计中常用来表示主从关系的组织结构，还常常用来表示历史、生物、社会现象深化过程的状态，以及集团、企业中职位的组织关系。,1855年英国生物学家瓦拉斯第一次采用树形表示生物进化状态，开启是树形结构图表应用的先河。,达尔文“生命进化树”手稿,德国生物学家赫克尔树状系图,二、花状结构方式 花状结构的图示方法曾经对植物分类学产生了重大影响。花状结构是利用花朵层层绽开的形式，既可以用来表示花朵本身的雄蕊、雌蕊、花瓣等生物构造，更可以利用从内而外的形式表示与之相应的信息关系，适用于系统图表和概念图表。,三、物态结构方式 物态结构：物态结构包括人与动物的结构、物器结构以及剖视结构。人体、动物、物器结构的图示除了表示各部位的组织结构外，还可表示与之相关的内容。剖视结构则对于物体内部结构的展示十分有利。物态结构的表示方法生动、直观，特别适用于表示复杂的事物以及用于儿童读物当中。,四、流程结构方式 流程结构主要用于流程图表，是指衔接连贯性步骤的图示结构，包括起始步骤、中间过程与结束环节三个主要部分。简单的流程结构多为“一条龙”式的单线单向结构，也有首尾相接的环形结构，复杂的流程结构则由于分支多，可能呈现类似树状的图示结构。其中，起始与结束步骤是关键环节，应明确、清晰，而流程中有重要的或者是可有可无的环节，应以视觉语言加以强调和区分。流程结构中还有一个关键的形式要素是箭头，它以鲜明的指向性强化流程的方向与先后次序。,五、示意图表的抽象语汇 图表设计所要表达的是繁杂的信息视觉化之后的而貌，所使用的图形语言也有着自身的语法规律，与语言学当中的语法既有相同之处，又有自己的特点。相同的是图表语汇当中也包含名词、动词以及修饰词，而不同的是这些语汇都是用图形来表现的。,名词,动词,修饰词,1名词 图表语汇中的名词包含信息当中所指的对象，相当于一句话当中的主语和谓语，指明了信息的主要内容与各相关部分，是一张图表的本体，也是信息传达的核心。 2动词 动词是连接名词的纽带，说明了各个名词间的相互关系。箭头和连线是图形中表达动词关系的主要形式。箭头是指示关系的专用符号，既可以指示单向关系，也可以表示多重关系，而线条除了表达特殊关系之外，还可以用来限定或者分割组群本体。 3修饰词 修饰词相当于一句话当中的定语、状语、补语等，是对各主题和相互关系按等级体系的修饰。,第三节 地图图表设计,地图学是一门专门的学科，历史悠久、内容繁多。自从地图产生以来，人类便不断探索力求以尽可能科学的方式描绘精确的地图，到今天，科技的进步已经使地图的描绘通过卫星定位系统来完成，我们今天所看到的绝大部分的通用地图几乎都是以这类高科技的手段所绘制。无论是专用地图还是通用地图，从图表的角度来看，因其都使用图与地对照的传达原理，有着共同的图示结构。 主要分为两类：图地对照结构、线点对照结构。,Map Chart Design,一、图地对照结构 图地对照结构是以地形轮廓为地，以表示道路、景观、资源、关键区划分等的形式要素为图，相互结合构成图地对照结构。这是无论通用地图还是专用地图中都很常见的图示结构。,二、线点对照结构 线点对照结构可以说是从图地对照结构中提炼出来的，其中的线一般是用来表示道路与河流，而点则代表地图中的重要景点或者目标场所。专用地图中的导游地图和导购地图通常都使用这种图示结构，因为它们都是通过主要线路和景点来起到导示作用，所不同的是，导购地图由于其强烈的商业性往往只强调一个目标地点，而导游地图则可能强调多个游览景点。,信息可视化的十条建议,4,1. 内容简洁 新闻报道不是科学论文，读者不需要接触到那些琐碎的专业细节，所以一幅信息图表，只要讲清楚一个观点就行了。当然，这并不代表应该只展现一个数字，而是你使用的这组数字应该只用来说明一个主要观点。,2. 大小合适 事先规划好图形最终的尺寸是多大，能不能看的清楚。要知道，并不是人人都愿意“点击查看大图”的。 如果图片实在太大的话，那至少在缩小版上保证概要内容能看的清楚，让有兴趣的人“点击查看细节”。从整体的排版和布局上考虑信息图表怎么和文章匹配，放在哪个位置、占多大篇幅等等。,3. 表达专业 把数字与相应的注解融入到信息图表中去，让它看起来专业化。但注意不要专业过头，让普通读者觉得太难懂了，读者是不会花太长的时间来专研这些图表的。更不要简单地把图表、数据和注解分散在不同位置，迫使读者不得不在这些内容间不停地来回移动。,4. 数据清晰 图表也常常让人得出错误的结论。 适当保留详细的数据源表，或者提供一个链接、文档什么的，让有心的读者可以深入挖掘下去。,5. 与众不同 如果可以的话，避免使用常规的柱状图、线图和饼图。可以加入些互动元素，让图表活起来。,6 准确性 当你使用不同尺寸几何图形或图片来表示数值上的大小时，记住要从使用他们占用的面积来表现大小差异。,比方说，如果你是用两个圆圈来并表示“A是B的三倍大”，那么，圆圈A占的面积是圆圈B的面积的3倍，而不是把A的半径设为B的3倍。,7. 提升吸引力 使用图示和照片来调整风格，让图形变得焕然一新。,8. 混合多种图形 大胆的把各种图形化手段混合在一起。比如你的数据与国家有关，那么把他们和世界地图结合，会比使用一张常规的柱状图的效果要来得好。,9. 别忘了署名 要知道，你的infographic可能会被无数次的转载和分享，但你的文章通常不会一起转载。 在全部完成前，请确保图片中包含了下面这些内容： 版权明确他人使用时的权利和注意事项。 数据源为有心人提供深入挖掘的线索，也让别人能验证你的数据是否可靠。 作者你的团队可能包含美工，编程，艺术设计等等，别忘了他 们，建立团队间的信任。 图片及文章的源地址这样别人也能去看看你有什么别的作品。,10. 重要的是发挥创意 你可以使用任何你想得到的工具来创作你的infographic，重要的是发挥你的创意。当然，这还得和你想要什么样的效果有关。很多设计师都是用很普通的、很常见的软件来完成作品的，比如OmniGraffle或 Visio，Office或iWork，当然还有Photoshop、Illustrator。,课程练习,5,信息图形设计（Inforgraphic Design)，是信息设计（Information Design）学科的一个分支，它兴起于20世纪末信息技术介入到多样化的平面设计的过程中，是一种新型的视觉设计。 Infographic是一个可读可视化的复合体系，由图像、文字和数字结合而成使信息更高效地得以交流。它帮助人们更好地通过特定文本内容的视觉元 素系统，显著、鲜明、简单、直接、连贯和全面地转化字里行间的可视化元素，并建立关联,使信息得到再一次呈现。 根据道格纽瑟姆2004年定义，从表现形式的角度，“信息图形”作为视觉工具应包括：图表(charts)，图解(diagrams)，图形(graphs)，表格(tables)，地图(maps)，名单（list）六类。,1. 时序性图表 以时间信息为基础，描述空间或事件在空间中的先后流动变化，以时间轴图为代表。,汽车乐土巧妙地利用大富翁棋盘解释了汽车的发展史.这个案例还说明时间轴并不一定是直线，有可能只是一条符合人们习惯或视线流的路径。,2. 空间关系性图表 将空间位置的距离、高度、面积、区域按照一定比例高度抽象化的空间组织模式图。常见的有地图，导视图以及器物结构图等。,物化图，德国golden section邮轮结构。将真实物体分层剖析，以抽象形式来解释空间关系。,3. 推导性图表 描述整体事件的因果关系及逻辑变化情况图，常见流程图。,用权威严谨的流程图表明饮水处理系统的安全可靠性。,4. 系统组织性图表 组织图是描述信息参数间整体与部分或上级与下级的从属关系图。,图表广告设计，为对比出女性穿衣打扮搭配繁琐而设计的图表，简单而有效的表示类属关系的方法用在这却别具揶揄的意味。,5. 关联性图表 描述在某一种特定关系下信息参数之间的联系图。,杀死比尔人物剧情介绍叙事性图表。这类图表通常比较重视单一事件的平面描述而非时间进程，事件发生的过程往往被拆解成若干部分投影于同一个静止的画面分别介绍，着重细节的描绘。,课程练习,0,练习一 统计图表课题练习,课题要求：利用可以搜集到的统计数据、文字或原始图表均可，重新设计成更为合理的统计图表，以具象元素表达，并提交原始资料。 课题说明：统计图表和后面将讲到的示意图表是图表课题练习中的重要内容。对原始资料的收集是一个关键的过程，同学们会在这一过程中发现很多设计得不合理或者优秀的图表，从而加深他们对于图表的认识与理解，并且通过对原始资料的整理和提炼，他们也会逐渐掌握对信息的梳理与归纳。课题练习是将理论知识转化为实际设计的过程，许多图表知识的掌握更多的是在这一过程中。以下列举出一些优秀的学生作业，其中不乏具有创新精神的好设计。,练习二 示意图表课题练习,课题要求：利用可以搜集到的资料，文字或原始图表均可，重新设计成更为合理的示意图表。概念图表、流程图表、系统图表任选，以抽象元素表达，并提交原始资料。 课题说明：作为图表课题中的重点，示意图表最关键的是让同学们学会用抽象元素的变化传达出不同的信息，既要切合信息内容，又要体现抽象图形的形式