广告设计构图与版式设计

优秀的版式设计能使视觉传达更具条理性与趣味性。
3.强化传达效果的持续留存
完美有趣的视觉传达作品，能深度刺激大脑皮层，保持信息的持续留存。
四.广告版式编排的原则
• 思想性与单一性 • 艺术性与审美性 • 趣味性与独创性
• 整体性与协调性
sculpture
1 思想性与单一性
版面设计本身不是目的，是为了更好的传播客户信息的手段。 初学者常自我陶醉于个人风格以及与主题不相符的字体和图形中， 这往往是造成设计平庸失败的主要原因。 一个成功的版面设计，首先必须明确客户的目的，并深入了解， 观察，研究与设计相关的方方面面。版面离不开内容，更要体现内 容的主题思想，用以增强读者的注意力和理解力。 只有紧紧围绕客户的要求，使主题单一纯粹，做到主题鲜明， 内容清晰，才能达到版面设计的最终目标。
利用版心线
造型技巧
版式设计的应用范围
版式设计的应用范围涉及到报纸、刊物、书籍（画册）、产品
样本、挂历、招贴、唱片封套和网页页面等平面设计的各个领域。
LIjiao Design Works feb.2011
sculpture
Vi系统及应用
网页设计版式设计
版式设计的功能
• 版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，通过编
sculpture
2 艺术性与审美情趣
主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。 怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这 就取决于设计者自身的文化内涵和不断的学习过程。
高炉家酒
sculpture
3 趣味性与独创性
版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多 少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而 更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实
间内安排和处理人、物关系和位置，把个别和局部的形象组成艺术的 整体。
在传统绘画中，构图被定义为“经营位置”——被描绘物像的形态、大小、疏 密、虚实、节奏、韵律等造型关系因素在画面整体中的定位与统筹安排，重抽
象“意”的形式。
广告构图的概念从属于构图的一般概念但略有不同，所谓广告的构图，是根据 广告主题的需要，在一定空间内，对个视觉要素进行组织与安排，使画面产生 条理性和美感，以便有效地传达广告信息。广告构图直接影响着广告的传达，
7.L型留白
把大型图像配置与版面的边沿位置，图的另外两边形成L型的留白。在L型处进行 图文的安排（注意留白位置不要太小）。
8.并置重复
将数幅图片，用图形反复出现的方法，配置于画面，使之产生协调感（注意图 像的形状、尺寸不要变化太大，应尽量统一）。
9.指示型
标题或图片指向广告内容。主要图片、文字放在图片边，此图片可吸引读者眼睛 并将其带至住图像和主文字上。
sculpture
4 整体性与协调性
通过版面图文间的整体组合与协调编排，使得版面具有秩序 美，调理清晰，从而获得良好的传播效果。
群化？
• 简单的说，群化就是让别人一眼就能看出物体间的关系来。 – 左图看不出四张图片以何种方式组合在一起的。 – 右图很容易就能说出四张图片的关系。
感受群化：
结论：
低
增加阅读兴趣
活泼
三.广告版式编排的目的及意义
1.有效提高版面的注意值
设计时应注意载体的形式和类 别，特别要注意应用环境对版式设 计的影响。如在复杂环境中，版式 应尽量简洁；在开阔地带，可相对 丰富，以形成对比而引人注目。
• 放大某些图片，形成主次，版面显得更加有条理，有生气。
•
大框架中宜用局部特写的照片： – 用大小两张照片做人物设计， 原则上大的框架中宜采用特写 照。小的框架中采用全身照。 照片面积的大小与照片中物体 的繁简程度进行对比，可以增 强了动感。
密感，创造了一种简洁、朴实的版面艺术表现风格，曾对西文现
代平面设计产生过广泛影响。随着版面设计的电脑化进程，网格 构成设计越来越受到设计界的重视，已成为艺术院校平面设计的 必修教程。
原理---分栏
• 群化能够使画面工整，各组图片和文字都有各自区域，这样可以使版 面条理清晰。
五.广告版式编排的方法
1.分割法
〓上下分割：将整个版面分割成上下两部分，上半部分或下半部分配置图像，另一
部分配置文字。
〓左右分割：将整个版面分割成左右两部分，左半部分或右半部分配置图像，另 一部分配置文字（ (其中要注意左右的均衡处理）。
的其他部位。
（1）线行的导向 这种线可以是抽象 的线段，也可以是具象 的线形物；也可以是直 线，也可以是曲线；也 可以上、下行，也可以 左、右行。
（2）运动的导向 运动中的物体形象，其运动的方向就是视线移动的方向
（3）渐变的导向 形象向一定方向作形体、浓淡或色彩的渐变，可以引导视 线向一定方向移动.
排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉,一个好
的版式设计能更快、更准地传递信息，帮助信息交流。 • 版式设计可以采用各种不同的版面编排形式体现其功能性，它可以调整版面的 协调性，使杂乱的文字与图形具有条理性秩序性等规律，体现出版面统一，协 调的视觉效果，使信息在阅读时具有明确的节奏感并使版面具有阅读美感，同 时达到了信息传达的目的。
感受分开主副体（一）：
结论（一）：
• 分开主副体产生动感 – 左图两张照片放的靠近，画面右面有冲击力，但是却不平衡了。 – 右图把两张照片分开，视线从左到右流动，形成的动感。
感受分开主副体（二）：
结论（二）：
• 分开主副体产生动感。 – 左图的图片放的很近，虽然工整，但是缺乏动感。 – 右图把图片分开放置，产生了动感。
影响着人们观看广告的感觉，对于宣传效果的好坏起着关键性作用。
版式设计是什么？
• 版式设计，也称编排设计。就是在版面上，将有限的视觉元素
进行有机的排列组合,将理性思维，个性化地表现出来。 是按照一定的视觉表达内容的需要和审美的规律，结合各种平面 设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉 形象元素加以组合编排，进行表现的一种视觉传达的设计方法。
什么是网格拘束率？
• 网格拘束率指，文字、图片受网格约束的程度。
什么是网格？
• 网格是一种重要的编排辅助手段。我们依靠网格对版面的框架结构进 行大致的规划。
感受网格拘束率（一）：
高网格拘束率 低网格拘束率
结论（一）：
• 严格拘束于网格的版面给人稳重的印象。 • 脱离网格则有自由的感觉，产生轻松有趣的版面。
结论：
• 大框架中宜用局部特写的照片： – 用大小两张照片做人物设计，原则上大的框架中采用特写照。小 的框架中采用全身照。照片面积的大小与照片中物体的繁简程度 进行对比，可以增强了动感。
不同视觉效果的画面，却有着同样轻松的氛围。（图型创意、主题内容、文字有机结合）
2.有利于信息的有效传递
（4）符号的导向
包括箭头或其他有导向作用的几何形体等。
（5）画中人的导向 例如画中人的视线所向，或画中人的手势与体态的指向等。
（6）文字的导向 文字总是按一定的顺序有始有终的排列的，它本身 就可以引导受众的视觉循着文字的走向移动。
3.骨格构成
骨格有如人体的骨架树木的 主干，是在构图中起支配作用的 主干。合理地运用骨格线，会使 我们获得良好的秩序感。我们常 常有意或无意的运用骨格来进行 设计。有时骨格出现在设计中， 成为图形的一部分，但更多的是 运用骨格作为构图的结构线，并 不一定要明确地绘写出来，而只 是使人感到其内在的控制力量。
10.全景图（满版型）
画面占整页位置。文字、标志等的位置不要影响画面的整体感觉。
六. 广告版式设计原理及案例分析
分
同类合并原则
确定中心内容 邻近原则
类
原理---分类
重点提示
重点提示
分
1、分区 2、黑白灰关系 3、面构成 4、空白空间
区
原理—--分区
原理—--分区
明。
原理—--分区
4.垂直与水平对比
版面的一侧为垂直的编排，另一侧做水平方向的配置，产生T型的构成，具 有很好的稳定感。
5.中央配图
在版面垂直方向的中央位置配置图像，造成分割上下或左右的编排，从而产生图 文对比的关系。
6.对角线
对角连接版面四隅的线，称为对角线。如果把表现主题的配置在这一条线上，便 可以对整个画面空间产生支配作用，且形成安全感。
〓斜向分割：利用斜线分割版面，产生活泼的运动感。
〓左右与上下分割型：
将图片、文字、色块左右与上下分割（注意留白位置不要太小）。
2.视线引导法
人们阅读广告时，视线容易注意画面上部的东西，以及画面左边 的东西。重要的内容，有魅力的标题、图形应该放在左上部，以便于
一开始就吸引受众的视线，格拘束率（二）：
结论（二）：
• 要体现庄重、高格调，最宜使用高网格拘束率的版面设计。
结论（三）：
• 选择正确的网格拘束率，传递正确的信息：
类型 严肃文学 （企业报表、财经杂志、 教材等） 趣味图书 （时尚杂志、儿童读物等） 拘束率 高 效果 感受
给人以条理清晰、可靠、 严肃 严谨、高品质的感觉。
视线的移动又是可以通过适当的编排而改变其程序的。为了达到 这个目的，设计师要做的两件事。第一件事，就是要在版面上设置一
个―着眼点‖。受众观看一幅广告时，总有一处注意力首先被吸引的地方，
这就是受众的―着眼点‖。第二件事，就是要从―着眼点‖出发，设置一条― 视觉的途径‖，即―视觉流程，让受众的眼睛沿着这条途径巡视广告版面
广告
一.导言
二.构图与广告构图 三广告版式编排的目的及意义 四.广告版式编排的原则 五. 广告版式编排的方法
六.广告版式设计原理及案例分析
一.导言
二.构图与广告构图