信息图表视觉设计

信息图表视觉设计信息图表视觉设计一、教学目标：（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.连接图表中的每个信息都不是孤立存在的，每个单位信息之间是通过线、面等元素来为之构建不同用途的图表框架，同时起到表明组织关系和相互之间关系的作用。连接的方式有很多种，有单向和多向连接，有一次和多次连接，有串联也有并联。这些方式由图表所示内容决定。常见的结构5.流程图表的视觉流程；图表与其他平面排版作品最大的区别在于前者中的信息通过图解后变得更有调理，观看秩序性更强。在图表设计中设定流程秩序是表现信息之间关系时常用的结构方式，要遵循视觉秩序的基本法则和阅读习惯，以便阅读时能更好的获取信息。图表要具有明确的视觉流程，视觉流动要具有方向、起止的顺序感。秩序尤为特殊和重要。常见的结构5.流程单向从左到右、从上到下、或曲或直多向由内向外、横竖交叉，具有散点的观看效果。常见的结构5.流程无论是单向还是多向，一般都遵循先左后右、先上后下、先大后小、先明后暗、先动后静的流程规律，以此强化图表信息的传达效果。常见的结构重点结构方式并不是完全独立的，在一个完整的图表设计中可能会运用多种方式以达到更加清晰、明确、全面地传递信息的目的。第三节色彩色彩的含义：不只起到装饰和增加美感的作用，和图形、文字一样起到传递信息的作用，色彩和图形结合，减少文字使用的比例可以达到轻量化的舒适阅读体验。在图表设计中色彩的使用需要注意色彩的象征性、对比性以及秩序性三个方面。第三节色彩色彩的象征性：从色彩心理学来讲，色彩能代表心情、冷暖、天气、季节、轻重、味觉、性别等信息；在信息图解中，不能以自我喜好与纯粹装饰为目的，而是用相似色、近似色让观众得到直观信息，通过色彩去分担部分文字与图形产生的视觉阅读压力，让色彩也起到表达信息内容与流畅阅读顺序的作用。用色彩图解了水、奶、咖啡的比例成分，让人直观地感受到咖啡的味觉。橙色=浓缩咖啡蓝色=水位置显示配料的调和顺序色彩的厚度=用量。用不同明度的颜色代表不同天气状况，让人直观地感受到天气的变化。历年全球各地最受欢迎的浏览器。每个颜色代表不同的浏览器，区域性的色彩能够非常直观的表达。美国同性婚姻合法化的图表；彩虹点明了图表调查的主题。色彩的对比性处理信息图表中单位信息时，增强概念与色彩之间的对应关系是明确单位信息的关键性设计方式。一个色彩代表一个概念或一个信息，如果不同概念或信息的色系使用相近，信息就无法产生对比性，就会造成概念的模糊。全球逾5亿票房影片排行榜不同的色彩代表不同的影片票房排名。美国四大球（棒球、橄榄球、篮球、冰球）的球队吉祥物命名，并把它们按照虚构、软体、鱼、恐龙、鸟、哺乳、人进行了分类。每一种色彩代表一种分类。色彩的秩序性色彩在版面中的作用除了代表信息，还要提升到视觉美的艺术层面上。利用色彩构成的方法既可以强调信息数值上的变化，又能传达视觉秩序的美感。1.强调套色搭配增强色彩的互补性或类似色搭配，能起到强调视觉层次感、增强信息清晰度的作用。类似色搭配类似色的色系相近，配色协调舒适。把握好色彩运用的节奏，可以缓解阅读疲劳感。互补色搭配互补色的色彩对抗性强，视觉冲击力大，能够增加视觉活跃感。但在一张信息图表中，尽量只使用一套互补色或类似色。2.利用色彩推移将色彩按照一定规律有秩序地排列、组合的一种色彩搭配形式，可以感受到信息的规律变量过程。色彩推移的形式平行推移和放射推移利用比较多，推移根据信息数值的大小、多少可以选择纯度推移、明度推移、色相推移。障碍调查图表，环形图表根据调查百分比数值的减少色调也发生相应的变化，产生一种纯度推移。《Vogue》杂志研究了英国女王在过去12个月的着装打扮，发现蓝色的确是具有“王室风范”的颜色。有序的色彩排列方式，使版面形成了一种图表的视觉效果。《Vogue》杂志研究了英国女王在过去12个月的着装打扮，发现蓝色的确是具有“王室风范”的颜色。有序的色彩排列方式，使版面形成了一种图表的视觉效果。本章小结：信息图表的基本构成要素就