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