信息图表视觉设计.pptx

信息图表视觉设计信息图表视觉设计

一、教学目标：（1）知识目标：通过本章的学习，使学生对信息图表视觉设计的构成要素与设计原理有一个全面的了解。（2）能力目标：让他们能够熟练的掌握信息图表设计的构成要素以及设计原理。为后面的学习打下基础。二、教学重点：信息图表视觉设计的构成要素三、教学难点：信息图表视觉设计的设计原理四、教学方法：（1）多媒体教学（2）课件PPT展示以及案例展示（3）课堂讨论五、授课时数：第9周：理论4课时、实践2课时

目录1.了解信息图表2.信息图表设计的构成要素与原理3.信息图表设计的表现方式

01信息图表的构成要素02信息图表的表达原理信息图表设计的构成要素与原理2

第一节图图的重要性：图像，不仅包含静态的图画、图片、图形、照片文字等，也包含动态的动画和影像等构成元素。图的作用：使复杂抽象的信息传达变得直观化、形象化、艺术化，使枯燥的数据变得趣味化，更易于大众接受和理解。

常见的种类1.文字记载、叙事的同时具有视觉美与形式美

常见的种类1.文字主要出现在标题和内容中，简明扼要、可读易懂；用来强化信息；注重信息编排的整体视觉效果。

常见的种类2.图形符号平面空间中用轮廓划分出若干有含义的空间形状；简洁、直观、便于信息的传达。

常见的种类2.图形符号符号是指社会成员共同约定的，用来表示某种含义的记号或标记。(数字)1230456789

常见的种类2.图形符号综合来说，图形符号就是易于大众理解的图案记号；常用于公共区域，一般用来引导公众行为或方位。

常见的种类重点1.图表如何做到化繁为简、一目了然很大程度上取决于图形符号语言的运用。2.设计原则：避免增加阅读难度尽量不要使用文字。

常见的种类3.插图插图的作用：（1）插画、图解（2）例证、实例（3）举例、说明

常见的种类3.插图插图的基本功能简洁明了的传达信息引起观者的兴趣适用于表现复杂的产品信息

3.插图的形式（1）扁平化图形图形清晰明确轻量化的视觉感受界面图表中经常使用

3.插图的形式（2）线描图形用线条勾勒科学性、比例性科普类图表使用居多

3.插图的形式（3）手绘图视觉效果生动、细节丰富；合理把握画面清晰度和准确度，注重信息的传达。

（3）手绘图

3.插图的形式（4）照片特点：真实直观形象地传达事物形象；易于激发观者的兴趣。

作用：（1）注目效果（2）看读效果（3）诱导效果

3.插图的形式（5）动图包含Gif动画、Flash动画、3D动画吸引力、参与感、时间连续性适于展示事物发展过程

3.插图的形式（6）效果图透视原理、一定比例、模拟真实形态；直观、生动的表达设计意图；涉及环境、建筑、产品设计等信息图表中常用

设计重点造型结构真实，符合透视规律，具有空间感，注重艺术性色彩简洁、概括、生动注意表现出不同材质的质感，使设计成果更真实，更具说服力文字数据真实客观，清晰明确，主题突出，排版合理

重点图形符号与插画的区别：图形符号视觉单纯、抽象，往往代表某个事物的属性、状态、特征，约定俗成，具有通用性，更偏重于理性绘制信息、画图解意，基本不需要文字说明。而插画具有装饰性，在绘制图形时更偏重画师的个人感情色彩与技法。

第二节表表的含义：利用表的形式将信息内容整理的具有条理性、逻辑性，提升阅读的愉悦感。表的状态：是用象征性的图形引导视觉理性观看的一个设计元素，如象征主从关系的树干与树杈图形，象征总分关系的花冠状图形，象征事物不断向前发展运动的列车图形，象征事物进化总结的金字塔图形等等。

常见的结构1.排列通过线、面来架构；将图像、文字、数字进行统计与归类，理清信息的性质和特点；表格状、树状、金字塔状

金字塔状阅读顺序明确清晰

隐形辅助线需要有明确的阅读顺序才能使用

常见的结构2.对照两个或两个以上的数据或信息以图表的形式比较分析。左右、长短、高低、图底、内外、虚实、动静

常见的结构3.标注可以起到明确信息和进一步解释说明的重要作用。用引线、文字、色彩对信息进一步的指示说明，辅助类的设计手法；通过在图表某一部分添加文字或数据进行说明以达到图解的作用；或单独列出图表中出现的图标或色块进行解释说明，在一些信息庞大的图表中非常常见。

标注的方式（1）引线通过引线将图表中某个图形引出，加以文字说明；或将图形引出进行放大。

标注的方式（2）注明通过文字或图形直接在所示位置加以注明；具有看图识字和文字图解化的功能。

标注的方式（3）色标采用对应色块来查找所指位置，再通过图例的索引加以说明。

常见的结构4.连接图表中的每个信息都不是孤立存在的，每个单位信息之间是通过线、面等元素来为之构建不同用途的图表框架，同时起到表明组织关系和相互之间关系的作用。连接的方式有很多种，有单向和多向连接，有一次和多次连接，有串联也有并联。这些方式由图表所示内容决定。

常见