第三章版式的视觉流程教学教材
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第 三 章
版 式 的 视 觉 流 程
• 阅读平面广告的习惯：从左到右，从上到 下，随着由左上演着弧线向右下方流动的 过程线，其注意值逐渐递减。
• 图形、色彩量的紧张感对视线的吸引，产 生视线的不断移动和变化，这就形成了视 觉的运动。
• 视觉的运动具有线性的特点，设计师可以 参考人的这种视觉经验，在版式的设计中， 将多种视觉信息进行有序组织，通过诱导 媒介，形成一个有机的统一体，发挥最大 的信息传达功能。
图11 采用斜向和曲向视觉流程，以不稳定的动态引起注意，给人以动感和韵律。
• 曲线流程是相对于直线的一种形式，有一 定的弧度，包括曲线、折线、弧线等，可 根据其角度自然流动。清晰的曲线造型可 以形成回旋的视觉流程。这种流程方式虽 然不如直线视觉流程直接简明，但因其流 畅的美感，更加灵活、有韵律，能增加版 式设计的动感、节奏感和美感。
• 单项视觉流程是一种最简单、最普遍和最 容易掌握的流程方法，运用到版式设计中 具有简洁、直观、突出等效果。
第二节 最佳视域
• 最佳视域是指版面所要表达的重点位置， 也就是人们注重画面的最中心的位置。
• 根据其吸引力大小，依次为左上部、右上 部、左下部、右下部，所以平面左上部和 上中部可以称为“最佳视域”。
• 视觉流程具有很强的方向性。
第一节 单向视觉流程
• 指是用简明清晰的流动线来安排整个版面 的编排。
• 特点：令版面显得简洁有力、视觉冲击力 强。
• 单向视觉流程使版面的流动线更为简明， 直接地诉求主题内容。
• 按照方向分为横向、竖向、斜向和曲线形。
• 横向是沿着版面的中轴将图片或文字做水 平方向的排列。这种安宁而平静的构图， 其观看视线会依横式的水平线左右移动， 给人以平衡、恬静、平和质感。
第三节 重心视觉流程
• 重心视觉流程是指视觉会沿着形象方向与 力度的伸展来变换、运动，如表现向心力 或重力的视线运动。
• 一个版面自有其重心，而重心视觉流程最 显著的特点就是强烈的形象或文字读据版 面的某部分甚至整个版面，占据着重要地 位，使人第一眼看上去就具有很明确的视 觉主题。
• 在平面构图中，任何形体的中心位置都和 视觉的安定有紧密的关系。人的视觉安定 与造型的形式美的关系比较复杂，人的视 线接触画面时，视线常常迅速由左上角到 左下角，再通过中心部分至右上角，经右 下角回到画面最吸引视线的中心视圈停留 下来，这个中心点就是视觉的重心。
• 心理学家葛斯泰在研究画面视觉规律时， 结论为上侧的视觉诉求力强于右侧。画面 左上部和中上部的最佳视域是最优选的方 位。所以平面广告中突出的信息、标题和 商品名称等，一般编排在这些方位上。
图18 将文字有力地编排于版面的上方，即版面 的最佳视域，强化了重心，给人以深刻印 象。
• 在画面中心线上安排三个等距离的焦点， 当人的视线在这三个焦点来回移动时，会 发现一个焦点（中心线上部三分之一处） 最引人注目，这就是画面的最佳“焦点” 方案。
第 一 节
单 向 视 觉 流 程
图1-2 采用横向视觉流程，构成稳定、平和 的画面，给人稳定、恬静之感，营造 了静谧的空间。
• 竖向具有稳定性，是一种强固的构图，视 线依直式的中轴线上下移动。
• 给人以有力、坚定、直观质感。
• 斜向形打破了横向和竖向的稳定，可视线 做不稳定的流动，活跃了版面的气氛，具 有了一定的动态感受。
• 版面的构成形式是根据文字、图形、空间、 比例等因素和特定的需要，按照美感原则 进行组织、构成和编排，使版面具有一定 的视觉美感，适合视觉习惯，即视觉பைடு நூலகம்程。
• 现代版式设计的基本原则是将重要的信息 安排在注意力和价值高的位置，不同的视 觉流程安排，会带来版面设计整体形式主 题旋律的改变，从而表达或传达不同的效 果。
第 三 节
图27 以大画面的图形
重 心 视
作诉求重点，充
觉
斥整个版面，强
流 程
调版面视觉重心
的作用，突出醒
目
图31 通过众多具象的人物形 象与不同的文字造型， 形成面积、形状及颜色 之间的强烈对比，营造 出富有趣味的空间及远 近效果。
图32 版面利用大面积的色块 形成了明确的重心，主 题突出，给予我们很好 的观看顺序。
• 曲线视觉流程微妙而复杂，可概括为弧线 型“C”和回旋型“S”
图14 “c” 形弧线形视觉流程，使页面具有很强的扩张性和方向感。
图16 “S” 形视觉流程由两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，使
页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊 的部分，使画面柔和而时尚。
• 重心型版式产生视觉焦点，使主题更为鲜 明、突出和强烈。不仅是图文编排的位置 对比，图形本身的朝向也会使画面中的动 态暗示得到加强，在方向、角度上的不同 安排会形成视觉中心的稳定或不稳定的感 觉，可根据需要有序地传达广告的信息。
图21 画面中心线上部的三分之一处为最佳焦点，放置文字或图形，形成视觉中心。
图26 作品的焦点在版面 的三分之一，不同 的视觉元素组合在 一起形成视觉中心。
• 视觉中心一般是通过特殊性来区别于其他 视觉元素，起到吸引视觉、引导传达的效 果。
• 如跳跃的色彩、夸张的图形，以为文字的 字体、大小、位置的独特性等都能起到吸 引视线的作用。
• 画面轮廓的变化，图形的聚散，色彩或明 暗的分布等都可以对视觉重心产生影响。
• 在版面设计上，一般应考虑视觉重心，这 个中心一般在屏幕的中央，或者在中间偏 上的部位。重要图片和文字可以安排在这 个部位，重心以外的地方安排哪些稍微次 要的内容，这样在版面上就突出了重点， 坐到了主次有别。
• 我们看到这类设计时，视觉流程首先是从 版面重心开始，然后顺着形象的方向与力 度的倾向来发展视线的进程，继而扩展到 其他各个部分。
• 人们在看一个画面时总有一个最佳视域， 这个最佳视域一般是最佳焦点的周围一个 直径为画面宽度六分之五的放射状平缓递 减区域。
• 设计者在版式设计中也应该考虑到这个因 素，将重要信息尽量置于这个最佳视域， 安排在最醒目的位置。
图19-20 充分利用中心偏上的最佳视域，利用文字或是图案形成视觉中心，第一时 间吸引视线，传达重要信息。
版 式 的 视 觉 流 程
• 阅读平面广告的习惯：从左到右，从上到 下，随着由左上演着弧线向右下方流动的 过程线，其注意值逐渐递减。
• 图形、色彩量的紧张感对视线的吸引，产 生视线的不断移动和变化，这就形成了视 觉的运动。
• 视觉的运动具有线性的特点，设计师可以 参考人的这种视觉经验，在版式的设计中， 将多种视觉信息进行有序组织，通过诱导 媒介，形成一个有机的统一体，发挥最大 的信息传达功能。
图11 采用斜向和曲向视觉流程，以不稳定的动态引起注意，给人以动感和韵律。
• 曲线流程是相对于直线的一种形式，有一 定的弧度，包括曲线、折线、弧线等，可 根据其角度自然流动。清晰的曲线造型可 以形成回旋的视觉流程。这种流程方式虽 然不如直线视觉流程直接简明，但因其流 畅的美感，更加灵活、有韵律，能增加版 式设计的动感、节奏感和美感。
• 单项视觉流程是一种最简单、最普遍和最 容易掌握的流程方法，运用到版式设计中 具有简洁、直观、突出等效果。
第二节 最佳视域
• 最佳视域是指版面所要表达的重点位置， 也就是人们注重画面的最中心的位置。
• 根据其吸引力大小，依次为左上部、右上 部、左下部、右下部，所以平面左上部和 上中部可以称为“最佳视域”。
• 视觉流程具有很强的方向性。
第一节 单向视觉流程
• 指是用简明清晰的流动线来安排整个版面 的编排。
• 特点：令版面显得简洁有力、视觉冲击力 强。
• 单向视觉流程使版面的流动线更为简明， 直接地诉求主题内容。
• 按照方向分为横向、竖向、斜向和曲线形。
• 横向是沿着版面的中轴将图片或文字做水 平方向的排列。这种安宁而平静的构图， 其观看视线会依横式的水平线左右移动， 给人以平衡、恬静、平和质感。
第三节 重心视觉流程
• 重心视觉流程是指视觉会沿着形象方向与 力度的伸展来变换、运动，如表现向心力 或重力的视线运动。
• 一个版面自有其重心，而重心视觉流程最 显著的特点就是强烈的形象或文字读据版 面的某部分甚至整个版面，占据着重要地 位，使人第一眼看上去就具有很明确的视 觉主题。
• 在平面构图中，任何形体的中心位置都和 视觉的安定有紧密的关系。人的视觉安定 与造型的形式美的关系比较复杂，人的视 线接触画面时，视线常常迅速由左上角到 左下角，再通过中心部分至右上角，经右 下角回到画面最吸引视线的中心视圈停留 下来，这个中心点就是视觉的重心。
• 心理学家葛斯泰在研究画面视觉规律时， 结论为上侧的视觉诉求力强于右侧。画面 左上部和中上部的最佳视域是最优选的方 位。所以平面广告中突出的信息、标题和 商品名称等，一般编排在这些方位上。
图18 将文字有力地编排于版面的上方，即版面 的最佳视域，强化了重心，给人以深刻印 象。
• 在画面中心线上安排三个等距离的焦点， 当人的视线在这三个焦点来回移动时，会 发现一个焦点（中心线上部三分之一处） 最引人注目，这就是画面的最佳“焦点” 方案。
第 一 节
单 向 视 觉 流 程
图1-2 采用横向视觉流程，构成稳定、平和 的画面，给人稳定、恬静之感，营造 了静谧的空间。
• 竖向具有稳定性，是一种强固的构图，视 线依直式的中轴线上下移动。
• 给人以有力、坚定、直观质感。
• 斜向形打破了横向和竖向的稳定，可视线 做不稳定的流动，活跃了版面的气氛，具 有了一定的动态感受。
• 版面的构成形式是根据文字、图形、空间、 比例等因素和特定的需要，按照美感原则 进行组织、构成和编排，使版面具有一定 的视觉美感，适合视觉习惯，即视觉பைடு நூலகம்程。
• 现代版式设计的基本原则是将重要的信息 安排在注意力和价值高的位置，不同的视 觉流程安排，会带来版面设计整体形式主 题旋律的改变，从而表达或传达不同的效 果。
第 三 节
图27 以大画面的图形
重 心 视
作诉求重点，充
觉
斥整个版面，强
流 程
调版面视觉重心
的作用，突出醒
目
图31 通过众多具象的人物形 象与不同的文字造型， 形成面积、形状及颜色 之间的强烈对比，营造 出富有趣味的空间及远 近效果。
图32 版面利用大面积的色块 形成了明确的重心，主 题突出，给予我们很好 的观看顺序。
• 曲线视觉流程微妙而复杂，可概括为弧线 型“C”和回旋型“S”
图14 “c” 形弧线形视觉流程，使页面具有很强的扩张性和方向感。
图16 “S” 形视觉流程由两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，使
页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊 的部分，使画面柔和而时尚。
• 重心型版式产生视觉焦点，使主题更为鲜 明、突出和强烈。不仅是图文编排的位置 对比，图形本身的朝向也会使画面中的动 态暗示得到加强，在方向、角度上的不同 安排会形成视觉中心的稳定或不稳定的感 觉，可根据需要有序地传达广告的信息。
图21 画面中心线上部的三分之一处为最佳焦点，放置文字或图形，形成视觉中心。
图26 作品的焦点在版面 的三分之一，不同 的视觉元素组合在 一起形成视觉中心。
• 视觉中心一般是通过特殊性来区别于其他 视觉元素，起到吸引视觉、引导传达的效 果。
• 如跳跃的色彩、夸张的图形，以为文字的 字体、大小、位置的独特性等都能起到吸 引视线的作用。
• 画面轮廓的变化，图形的聚散，色彩或明 暗的分布等都可以对视觉重心产生影响。
• 在版面设计上，一般应考虑视觉重心，这 个中心一般在屏幕的中央，或者在中间偏 上的部位。重要图片和文字可以安排在这 个部位，重心以外的地方安排哪些稍微次 要的内容，这样在版面上就突出了重点， 坐到了主次有别。
• 我们看到这类设计时，视觉流程首先是从 版面重心开始，然后顺着形象的方向与力 度的倾向来发展视线的进程，继而扩展到 其他各个部分。
• 人们在看一个画面时总有一个最佳视域， 这个最佳视域一般是最佳焦点的周围一个 直径为画面宽度六分之五的放射状平缓递 减区域。
• 设计者在版式设计中也应该考虑到这个因 素，将重要信息尽量置于这个最佳视域， 安排在最醒目的位置。
图19-20 充分利用中心偏上的最佳视域，利用文字或是图案形成视觉中心，第一时 间吸引视线，传达重要信息。