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

CHAPTER FOUR04信息可视化中要素的选择与设计 构成作品的设计要素分为四种——版面要素、图要素、文字要素及色彩要素，在本章中，将会对前面提到的四种要素进行详细讲解。4.1信息图中的版面要素4.1.1 准确把握观者的视觉习惯复杂版面视觉规律视觉规律一：从左到右视觉规律三：顺时针方向视觉规律二：从上到下4.1信息图中的版面要素4.1.2 信息图中的对称型版面相对对称式版面绝对对称式版面面中的构成要素能在某种变换条件下达到大致重合的效果。它更加注重视觉“量”上的均衡，因此在编排上更加灵活，在信息图的中应用广泛版面中的构成要素能在某种变换条件下达到完全重合的效果。但灵活性较差，所以，不太适合用在信息图的编排中，多用于注重形式美感的艺术作品中4.1信息图中的版面要素4.1.3 信息图中的曲线型版面解析4.1信息图中的版面要素4.1.4 信息图中的重复型网格版面该版面适合用在内容量相近的分组信息图的编排中231在某些情况下，设计师为了增强版面的秩序感，会将有形的框架编排在现有版面上根据构成元素的数量，绘制重复型网格框架将各个构成元素编排在建好的网格框架中将框架的水平线与垂直线删除，完成构建4.1信息图中的版面要素4.1.5 信息图中的分割型版面利用线或块状元素对版面进行分割将元素分组编排在该空版面鲜花成长流程图02 展开设计01 确定任务为了合理利用版面空间，决定选择曲线形版面来编排各个流程，并采用形态优美的“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 展开设计为了赋予信息图足够的创意，选择聚形图形来展现人们对不同的包具的选择情况实践案例旅行，你选择哪一种包？03 完成设计实践案例4.4信息图中的文字要素4.4.1 文字的提炼提炼4.4信息图中的文字要素4.4.2 数据的整理01 展现产品A、B总销量的逐月变化趋势02 展现产品 A 、 B 每月份销量占各自总销量的百分比情况4.4信息图中的文字要素4.4.3 了解字体的选择技巧字体的选择要遵循两个要点，一是风格性，二是易读性本幅信息图采用漫画形式来展现场景信息，标题文字所选择的字体与漫画风格极为贴切，随性而活泼在描述性文字的字体选择上，选择了一款辨