信息可视化设计第4章ppt课件.pptx

《信息可视化设计第4章ppt课件.pptx》由会员分享，可在线阅读，更多相关《信息可视化设计第4章ppt课件.pptx（41页珍藏版）》请在三一办公上搜索。

1、,04,CHAPTER FOUR,信息可视化中要素的选择与设计,构成作品的设计要素分为四种版面要素、图要素、文字要素及色彩要素，在本章中，将会对前面提到的四种要素进行详细讲解。,4.1,信息图中的版面要素,4.1.1 准确把握观者的视觉习惯,视觉规律一：从左到右,视觉规律三：顺时针方向,复杂版面视觉规律,视觉规律二：从上到下,4.1,信息图中的版面要素,4.1.2 信息图中的对称型版面,绝对对称式版面,版面中的构成要素能在某种变换条件下达到完全重合的效果。但灵活性较差，所以，不太适合用在信息图的编排中，多用于注重形式美感的艺术作品中,相对对称式版面,面中的构成要素能在某种变换条件下达到大致重合

2、的效果。它更加注重视觉“量”上的均衡，因此在编排上更加灵活，在信息图的中应用广泛,4.1,信息图中的版面要素,4.1.3 信息图中的曲线型版面,解析,4.1,信息图中的版面要素,4.1.4 信息图中的重复型网格版面,该版面适合用在内容量相近的分组信息图的编排中,根据构成元素的数量，绘制重复型网格框架,将各个构成元素编排在建好的网格框架中,将框架的水平线与垂直线删除，完成构建,在某些情况下，设计师为了增强版面的秩序感，会将有形的框架编排在现有版面上,1,2,3,4.1,信息图中的版面要素,4.1.5 信息图中的分割型版面,利用线或块状元素对版面进行分割,将元素分组编排在该空版面,实践案例,鲜花成

3、长流程图,01 确定任务,02 展开设计,将提供白色鲜花从种子到开花所要经历的流程图样元素编排成为流程图,为了合理利用版面空间，决定选择曲线形版面来编排各个流程，并采用形态优美的“S”形曲线型版面来划定本视图的版面框架,实践案例,鲜花成长流程图,03 完成设计,基于人体视觉习惯，确定节点的先后顺序,4.2,信息到图元素的转换,什么是图元素？,4.2,信息到图元素的转换,4.2.1 抽象图形的转换,将表格转换为柱状图进行比较,利用点、线、面三种抽象图形的任意组合，来表现某种地理情况,4.2,信息到图元素的转换,4.2.2 直接转换,将文字信息直接转换为其含义所对应的事物图形，这些事物可能是某种实

4、际的物品，也可能是某种动态效果，甚至是场景,4.2,信息到图元素的转换,4.2.3 间接转换,抓住信息的本质，在其基础上进行联想，再借另一个物象元素的图形来暗示出原信息点,4.2,信息到图元素的转换,4.2.4 信息关系的转换,对某些信息点间的关系进行强调，借助特殊的图形元素表现出这种抽象的关系,4.3,图元素的运用技巧,4.3.1 信息图中的图片裁剪技巧,01 抽象裁剪,裁剪原图,几何式抽象裁剪方形、圆形,偶发式抽象裁剪喷溅、手涂写,4.3,图元素的运用技巧,02 半抽象和具象裁剪,半抽象裁剪爪印,具象裁剪小狗,03 退底裁剪,4.3,图元素的运用技巧,4.3.2 信息图中的图形创意,01

5、同构图形,将两个或多个存在着某种潜在联系的图形元素组合起来，构建出一个怪诞且荒谬的形象,同构处理,创意主题：运动时间到了！,4.3,图元素的运用技巧,02 异构图形,在一组完全相同或大致相同的图形组中，添加少量与其余图形完全不同的图形元素，达到突变的效果,异构处理,创意主题：减肥行动比说说更有效,4.3,图元素的运用技巧,03 渐变图形,由多图形构成的组合式图形，展现某物象的渐变过程,创意主题：起跑到奔跑的过程,创意主题：人类的进化过程,4.3,图元素的运用技巧,04 聚形图形,将多个图形元素依照设定好的图形轮廓进行拼凑组合，呈现充满视觉凝聚力的聚形效果,创意主题：中国羊年,聚形处理,4.3,

6、图元素的运用技巧,05 异影图形,将某事物原本的投影替换为其他事物的投影效果，以揭示主题内涵,创意主题：泰勒是名医生，杰瑞是名修理工,4.3,图元素的运用技巧,4.3.3 保持统一的图形风格,保持整体图形风格的统一，可以避免出现混乱、不协调的视觉效果,4.3,图元素的运用技巧,4.3.4 图元素的视角设定,采用了剖面图效果的视角处理方式，让观者能够直观且清晰地了解建筑与地下、的内部情况,采用了俯视角度进行处理，使观者能够清晰地纵观全局，了解线路走向,选择平视视角展现建筑物的外部造型，让观者欣赏到标志性建筑物的全貌,实践案例,旅行，你选择哪一种包？,01 确定任务,02 展开设计,根据表格数据，

7、将大众旅行时所选择的包具的种类的比例表现出来,为了赋予信息图足够的创意，选择聚形图形来展现人们对不同的包具的选择情况,实践案例,旅行，你选择哪一种包？,03 完成设计,4.4,信息图中的文字要素,4.4.1 文字的提炼,提炼,4.4,信息图中的文字要素,4.4.2 数据的整理,01 展现产品A、B总销量的逐月变化趋势,02 展现产品 A 、 B 每月份销量占各自总销量的百分比情况,4.4,信息图中的文字要素,4.4.3 了解字体的选择技巧,字体的选择要遵循两个要点，一是风格性，二是易读性,本幅信息图采用漫画形式来展现场景信息，标题文字所选择的字体与漫画风格极为贴切，随性而活泼,在描述性文字的字

8、体选择上，选择了一款辨识度较高，且富有一定手绘风格的字体样式,4.4,信息图中的文字要素,4.4.4 强调重点文字的技巧,4.4,信息图中的文字要素,4.4.5 图文转换的创意,01 图转文以图形作为基本的构成要素，拼凑出某个文字形态,基本图形,文字形态,将基本图形，按文字形态进行排列,去除轮廓,4.4,信息图中的文字要素,02 文转图以文字作为基本的构成要素，拼凑出某个图形形态,基本文字,图形形态,将基本文字，按图形形态进行排列,去除轮廓,4.4,信息图中的文字要素,4.4.6 改变文字材质,在视觉效果与文字含义上达到高度契合，让原本枯燥乏味的文字变得更加生动,实践案例,谁是真正的美食爱好者

9、？,01 确定任务,02 展开设计,对信息图中的文字进行加工处理，使整幅作品具备较佳的创意感与艺术感,采用图形转文字的方式处理“Food Lover” ，为了贴近美食含义，选择了一些食物食材作为基本图形,实践案例,谁是真正的美食爱好者？,03 完成设计,将信息汇总，得到效果图如下,为版面中的文字选择一款造型同样活泼且生动的字体样式,4.5,信息图中的色彩要素,4.5.1 色彩性格分析,4.5,信息图中的色彩要素,4.5.2 还原物象本色,这种配色方式，仅适合在自然界中存在有参考对象的物象元素,4.5,信息图中的色彩要素,4.5.3 不同关系下的色彩搭配,通过一些特殊的配色方式可以表现出信息元素

10、间某种特殊的关系,色相环，是一种展现色相秩序的环状结构,4.5,信息图中的色彩要素,4.5.4 从受众的角度挑选配色,4.5,信息图中的色彩要素,4.5.5 不同主题下的视图配色,紧扣主题，挑选配色,实践案例,爱猫族与爱狗族的差异对比,01 确定任务,02 展开设计,通过信息图将差异体现出来,以半抽象的男、女图形展现比例，以蓝色与粉色来作为两种图形的用色,根据还原物象本色原则，选择相对贴近亚洲人的发色与肤色等来还原人物本色,实践案例,爱猫族与爱狗族的差异对比,03 完成设计,结合色彩性格分子为人物衣着选择合理的色彩搭配,课后习题,思考习题,设计要点：1. 以上述所列举的 10 条信息为线索，进行更加详细的信息收集。2. 根据信息的分组数量，将版面分割成多个区域，用于陈列各组信息。3. 根据每组信息所描述的场景内容，绘制出相应的场景图形，实现信息到图形的转换。除此之外，还需要注意各组图形在整体风格的统一。4. 为文字选择合理的字体，注意风格化与易读性的协调。5. 根据不同的场景情况，来制订不同的配色方案，但最好选择一些亮丽、清爽的用色，以体现出夏威夷的休闲、爽朗。,