《版式设计》 项目二 探索版式设计的视觉流程和基本类型.pptx

版式设计

项目一走近版式设计项目二探索版式设计的视觉流程和基本类型项目三探究版式设计中文字的运用项目四探究版式设计中图片的运用目录项目五探究版式设计中色彩的运用项目六探究版式设计中网格的运用项目七版式设计实战

项目二探索版式设计的视觉流程和基本类型任务一“眼”之所向——掌握版式设计的视觉流程任务二融会贯通——掌握版式设计的基本类型

项目导读视觉流程和基本类型是版式设计的两大要素，它们能够直接影响版面的风格和视觉效果。要想设计出和谐、美观的版面，掌握版式设计的视觉流程和基本类型是重中之重。

项目导读本项目包括两项任务：掌握版式设计的视觉流程掌握版式设计的基本类型主要涉及版式设计的七种视觉流程和八种基本类型等知识。通过学习本项目，学生可以深入掌握版式设计的视觉流程和基本类型，为之后的版式设计实践打下坚实的基础。

学习目标知识目标?了解版式设计的视觉流程?了解版式设计的基本类型技能目标?能够正确分析优秀设计作品的视觉流程?能够准确辨认优秀设计作品的基本类型提高搜集资料、自学和解决问题的能力，能够高质、高效地完成各项任务素质目标通过欣赏不同的视觉流程和基本类型，提升审美能力通过运用不同的视觉流程和基本类型，提升设计能力通过赏析与中国传统文化相结合的设计作品，深入了解传统文化，树立文化自信

任务一“眼”之所向——掌握版式设计的视觉流程

任务导入视错觉现象是指人在观察某个事物时，因为个人经验或客观因素的干扰而对事物的特征产生错误的感知或判断的现象。被欺骗的眼睛：视错觉现象

任务导入视错觉现象在生活中十分常见，它可以为观者呈现新奇、有趣的视觉效果，如图（a）～图（f）所示。被欺骗的眼睛：视错觉现象（a）如果盯着图片中的某个白点看，会感觉周围的其他白点在闪烁。（b）因为上、下两组射线的影响，图中两条平行的直线看起来像是弯曲的。视错觉现象

任务导入被欺骗的眼睛：视错觉现象（c）图中是两条长度相等的直线，但因为两侧箭头方向的不同，上面的直线看起来要比下面的直线长。（d）图中是两个完全相同的扇形，但因为位置的不同，上面的扇形看起来要比下面的扇形小。视错觉现象

任务导入被欺骗的眼睛：视错觉现象（e）图中两个红色的圆大小相同，但被小圆包围的圆显得比被大圆包围的圆要大。（f）图中是两条长度相等的直线，但竖向的直线看起来要比横向的直线长。视错觉现象

任务导入被欺骗的眼睛：视错觉现象版式设计的视觉流程有哪些作用？课堂互动

任务导入由此可见，视觉的感受会在很大程度上影响人的判断，这点在版式设计中更为明显。版式设计的视觉流程不仅会直接影响版面的风格和效果，还会影响读者的关注点和阅读体验。接下来，就让我们一起了解并掌握版式设计的视觉流程吧。被欺骗的眼睛：视错觉现象

单向视觉流程是指将版面中的各个元素单向排列，引导读者按照某个特定的方向浏览信息的视觉流程。这种视觉流程逻辑清晰，直击主题，能给人一种简明、直接的视觉感受。一、单向视觉流程

单向视觉流程(根据方向的不同)竖向视觉流程横向视觉流程斜向视觉流程一、单向视觉流程

横向视觉流程又称“水平视觉流程”，是指通过有序排列版面中的元素，引导读者的视线沿水平方向移动的视觉流程，也是最符合人的视觉习惯的视觉流程。（一）横向视觉流程一、单向视觉流程

这种视觉流程温和、平稳，能给人带来平和、安逸的视觉感受，如图所示。（一）横向视觉流程一、单向视觉流程运用横向视觉流程的版面

（一）横向视觉流程一、单向视觉流程运用横向视觉流程的版面

竖向视觉流程又称“垂直视觉流程”，是指通过有序排列版面中的元素，引导读者的视线沿垂直方向移动的视觉流程。（二）竖向视觉流程一、单向视觉流程

这种视觉流程简洁有力，具有稳固画面的作用，能给人以直观、稳定的视觉感受，如图所示。（二）竖向视觉流程一、单向视觉流程运用竖向视觉流程的版面

一般情况下，设计者会更倾向于选择自上而下的竖向视觉流程，因为这种视觉流程更符合人的视觉习惯。（二）竖向视觉流程一、单向视觉流程运用竖向视觉流程的版面

斜向视觉流程是指将版面中的元素倾斜排列，从而引导读者的视线斜向移动的视觉流程。（三）斜向视觉流程一、单向视觉流程

这种视觉流程能为版面增添动感和不稳定感，具有较强的视觉冲击力，能够有效吸引读者的注意，如图所示。一、单向视觉流程运用斜向视觉流程的版面（三）斜向视觉流程

在运用斜向视觉流程时，应注意版面整体的重心与平衡。一、单向视觉流程运用斜向视觉流程的版面（三）斜向视觉流程

版面的视觉重心是读者的视线最先关注和最终停留的位置，具有稳定版面的作用，而重心视觉流程就是以视觉重心为基础设计版面的视觉流程。二、重心视觉流程

视觉重心在版面中的位置不同，给人的感觉也会不同：视觉重心偏右的版面会给人沉稳、庄重的感觉视觉重