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

4.4 信息图中的文字要素 4.4.6 改变文字材质 在视觉效果与文字含义上达到高度契合，让原本枯燥乏味的文字变得更加生动 04 CHAPTER FOUR 信息可视化中要素的选择与设计 构成作品的设计要素分为四种——版面要素、图要素、文 字要素及色彩要素，在本章中，将会对前面提到的四种要 素进行详细讲解。 4.1 信息图中的版面要素 4.1.1 准确把握观者的视觉习惯 视觉规律一：从左到右 视觉规律三：顺时针方向 复杂版面视觉规律 视 觉 规 律 二 ? 从 上 到 下 4.1 信息图中的版面要素 4.1.2 信息图中的对称型版面 绝对对称式版面 版面中的构成要素能在某种变换条件下达到完全 重合的效果。但灵活性较差，所以，不太适合用 在信息图的编排中，多用于注重形式美感的艺术 作品中 相对对称式版面 面中的构成要素能在某种变换条件下达到大致重 合的效果。它更加注重视觉“量”上的均衡， 因此在编排上更加灵活，在信息图的中应用广泛 4.1 信息图中的版面要素 4.1.3 信息图中的曲线型版面 解析 4.1 信息图中的版面要素 4.1.4 信息图中的重复型网格版面 该版面适合用在内容量相近的分组信息图的编排中 根据构成元素的数量， 绘制重复型网格框架 将各个构成元素编排 在建好的网格框架中 将框架的水平线与垂 直线删除，完成构建 在某些情况下，设计 师为了增强版面的秩 序感，会将有形的框 架编排在现有版面上 1 2 3 4.1 信息图中的版面要素 4.1.5 信息图中的分割型版面 利用线 或块状 元素对 版面进 行分割 将元素 分组编 排在该 空版面 实践 案例 鲜花成长流程图 01 确定任务 02 展开设计 将提供白色鲜花从种子到开花所要经历的流程 图样元素编排成为流程图 为了合理利用版面空间，决定选择曲线形版面 来编排各个流程，并采用形态优美的“S”形 曲线型版面来划定本视图的版面框架 实践 案例 鲜花成长流程图 03 完成设计 基于人体视觉习惯，确定节点的先后顺序 4.2 信息到图元素的转换 什么是图元素？ 4.2 信息到图元素的转换 4.2.1 抽象图形的转换 将表格转换为柱状图进行比较 利用点、线、面三种抽象图形的任 意组合，来表现某种地理情况 4.2 信息到图元素的转换 4.2.2 直接转换 将文字信息直接转换为其含义所对应的事物图形，这些事物可能是某种实际的 物品，也可能是某种动态效果，甚至是场景 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 同构图形 将两个或多个存在着某种潜 在联系的图形元素组合起来， 构建出一个怪诞且荒谬的形象 同构 处理 创意主题：运动时间到了！ 4.3 图元素的运用技巧 02 异构图形 在一组完全相同或大致相同 的图形组中，添加少量与其 余图形完全不同的图形元素， 达到突变的效果 异构 处理 创意主题：减肥——行动比说说更有效 4.3 图元素的运用技巧 03 渐变图形 由多图形构成的组合式图形，展现某物象的渐变过程 创意主题：起跑到奔跑的过程 创意主题：人类的进化过程 4.3 图元素的运用技巧 04 聚形图形 将多个图形元素依照设定好的 图形轮廓进行拼凑组合，呈现 充满视觉凝聚力的聚形效果 创意主题：中国羊年 聚形 处理 4.3 图元素的运用技巧 05 异影图形 将某事物原本的投影替换为其他事物的投影效果，以揭示主题内涵 创意主题：泰勒是名医生，杰瑞是名修理工 4.3 图元素的运用技巧 4.3.3 保持统一的图形风格 保持整体图形风格的统一，可以避免出现混乱、不协调的视觉效果 4.3 图元素的运用技巧 4.3.4 图元素的视角设定 采用了剖面图效果的视角处理方式，让观者能够 直观且清晰地了解建筑与地下、的内部情况 采用了俯视角度进行处理 ，使观者能够清晰地纵观 全局，了解线路走向 选择平视视角展现建筑物的 外部造型，让观者欣赏到标 志性建筑物的全貌 实践 案例 旅行，你选择哪一种包？ 01 确定任务 02 展开设计 根据表格数据，将大众旅行时所选择的包具的种类的比例表现出来 为了赋予信息图足