《版式设计》教案 第4课 “眼”之所向——掌握版式设计的视觉流程.docx

PAGE4

PAGE4

PAGE3

PAGE3

课题

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

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解版式设计的视觉流程

（2）能够正确分析优秀设计作品的视觉流程

素质目标：

（1）通过欣赏不同的视觉流程，提升审美能力

（2）通过运用不同的视觉流程，提升设计能力

教学重难点

教学重点：单向视觉流程、重心视觉流程、导向性视觉流程、散点视觉流程、反复视觉流程、曲线视觉流程、“井”字视觉流程

教学难点：单向视觉流程、重心视觉流程

教学方法

情景模拟法、问答法、讨论法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

考勤

【教师】使用APP进行签到

【学生】按照老师要求签到

任务导入

【教师】讲述“被欺骗的眼睛：视错觉现象”案例（详见教材），并提出问题：

版式设计的视觉流程有哪些作用？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解单向视觉流程、重心视觉流程、导向性视觉流程、散点视觉流程、反复视觉流程、曲线视觉流程、“井”字视觉流程等知识

一、单向视觉流程

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

（一）横向视觉流程

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

【教师】利用多媒体展示“运用横向视觉流程的版面”图片，并进行讲解

这种视觉流程温和、平稳，能给人带来平和、安逸的视觉感受，如图所示。

（二）竖向视觉流程

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

【教师】利用多媒体展示“运用竖向视觉流程的版面”图片，并进行讲解

这种视觉流程简洁有力，具有稳固画面的作用，能给人以直观、稳定的视觉感受，如图所示。一般情况下，设计者会更倾向于选择自上而下的竖向视觉流程，因为这种视觉流程更符合人的视觉习惯。

（三）斜向视觉流程

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

【教师】利用多媒体展示“运用斜向视觉流程的版面”图片，并进行讲解

这种视觉流程能为版面增添动感和不稳定感，具有较强的视觉冲击力，能够有效吸引读者的注意，如图所示。在运用斜向视觉流程时，应注意版面整体的重心与平衡。

二、重心视觉流程

版面的视觉重心是读者的视线最先关注和最终停留的位置，具有稳定版面的作用，而重心视觉流程就是以视觉重心为基础设计版面的视觉流程。视觉重心在版面中的位置不同，给人的感觉也会不同：视觉重心偏右的版面会给人沉稳、庄重的感觉；视觉重心偏左的版面会给人自由、舒适的感觉；视觉重心偏下的版面会给人踏实、稳定的感觉；视觉重心偏上的版面会给人昂扬、飘逸的感觉。

【教师】利用多媒体展示“运用重心视觉流程的版面”图片，并进行讲解

根据版面主题和设计需求合理设置视觉重心，可以使版面中的各个元素和谐有致，从而准确传达版面信息，如图所示。

三、导向性视觉流程

导向性视觉流程是指设计者通过设计和布局，引导读者按照自己设定的方式浏览整个版面的视觉流程。

【教师】利用多媒体展示“运用导向性视觉流程的版面”图片，并进行讲解

这种视觉流程可以把版面中的各个元素联系起来，形成一个和谐统一的整体，使版面信息直观，重点突出，条理清晰，如图所示。

四、散点视觉流程

散点视觉流程是指将版面中的各个元素较为分散地排列，使版面呈现出自由、轻快的视觉效果的视觉流程。

【教师】利用多媒体展示“运用散点视觉流程的版面”图片，并进行讲解

这种视觉流程看似随意，但并非胡乱编排，设计时要充分考虑各个元素之间的主次关系，合理安排它们的大小、方向和分散程度等，以体现版面的动感和空间感，如图所示。

五、反复视觉流程

反复视觉流程是指在版面中重复使用相同或相似的元素，以营造韵律感的视觉流程。这种视觉流程可以使原本单调的元素变得生动，使版面更具统一性，同时又能增强版面的动感和节奏感，进而给读者留下深刻的印象。

【教师】利用多媒体展示“运用反复视觉流程的版面”图片，并进行讲解

在排列重复的元素时，可以在一致中寻求差异，在统一中寻求变化，用与众不同的小部分元素来增强版面的活力和趣味性，如图所示。

六、曲线视觉流程

曲线视觉流程是指将版面中的各个视觉元素按照曲线排列，以引导读者的视线随曲线的轨迹移动的视觉流程。

【教师】利用多媒体展示“运用曲线视觉流程的版面”图片，并进行讲解

这种视觉流程可以让版面自然、流畅、富有变化，