平面广告设计视觉设计流程及方法
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
穿页面的主线，设计易于浏览的页面。
2
• 人们是怎样看图片的？ • 研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿
和跳跃。这种间断不完全是任意的。 • 观看这张图的时候，你先看到了什么，后看到了什么
3
• A、眼睛有一种停留在一幅画面左上角的倾向。 • B、眼睛总是顺时针看一张图片。 • C、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的
物体。 • • 既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问， • 追寻这些视觉规律构建你的画面是最好的方式。
4
平面广告的视觉流程
视觉流程是指人们的视知觉在接受外界信息时感知和 传达的过程。一般情况下，包括三个连续阶段：第一 阶段为视觉第一印象；第二阶段为对视觉信息的全面 理解和接受；最后阶段为留下印象与记忆。 如果平面广告版面的要素与构图具有吸引视线的冲击 力，就是平面广告设计取得成功的第一步。 第二阶段视觉的适应与理解，是引导视觉进一步观察 的核心阶段。只有广告的形态适应生理要求，才会使 观者的视觉乐于接受，并保持较长时间的注视；视觉 流程有条理、编排有节奏，这对广告视觉信息的阅读 和传递是十分重要的。
41
42
43
44
5.重心／满版 以图像诉求为主，将图像充满整版，视觉效果强烈、直接。文字配置可根据 需要或压于四周或沿图像的动态、眼神、走势、重点部位放置。
重心的位置因其具体画面而定。在视觉流程上，首先是从版面重心开始，然 后顺沿形象的方向与力度的倾向来发展视线的进程。
45
46
47
48
视觉流程主要包括以下几种类型：
线型视觉流程 曲线视觉流程 焦点视觉流程 反复视觉流程 导向视觉流程 散点视觉流程
9
一、单向视觉流程 三种方向 竖向——坚定、直观 横向——给人稳定、安静之感 斜向——以不稳定的动态引起注意
10
视觉流程设计方法 1．直立法：从画面中心自上到下的视线流动。
视觉流程设计直立法示例 — 斯普林瓦利果汁饮料的宣传海报
视觉流程的诱导性示例
8
视觉流程可以从理性与感性，方向关系的流程与散构关系的流程来分析。
版式设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的 过程。 这种视觉流动线为“虚线”
方向关系的流程强调逻辑，注重版面清晰地脉络，似乎有一条主线、一股气韵贯穿版面， 使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干和树枝一样和谐。方向关 系流程较散构关系流程更具有理性色彩。
编排文字。
51
52
53
54
55
56
57
58
59
将引人注目的图像或 最重要的信息放置于 版面的重心位置，使 读者的视线迅速被其 吸引，随后引向版面 其他元素。
60
61
62
63
64
四、反复视觉流程
65
66
源自文库7
68
69
70
为弧线“C”和“S”。
30
31
32
33
34
35
36
三、重心视觉流程 重心是视觉心理的重心，可理解为 一、以强烈的形象或文字独据版面某个部分或完全充 斥整版 二、向心、离心
正圆以外的任何形态都有备傾向性动势
37
38
39
40
求心法：从画面四周引导视线向中心移动。在中 心产生注目点，视觉中心是安排主要信息的关键 部位。 视觉流程设计求心法示例 —— 品客薯片（辣味）广告
11
12
13
14
15
16
17
2．水平法：从水平方向自左向右的视线流动。 视觉流程设计水平法示例—— 超濃密狼牙棒睫毛膏广告
18
19
20
21
22
23
24
25
26
27
28
29
二、曲线视觉流程 各视觉要素按弧线回旋线运 动变化为曲线视觉流程，不 如直线简洁明了，但更有韵 味、节奏和曲线美，可概括
视觉流程设计的逻辑性示例
7
3．视觉流程的诱导性。
当人的视觉的信息产生注意后，广告要素和构 图如具有强烈的冲击力，形成和周围环境的差异性， 就能进一步引起人们的视觉兴趣，进行有序移动并 接受其信息。
在广告画面中，组合在一起具有相似性的因素， 具有诱导视觉流程的作用，如形状的相似，大小的 相似、色彩的相似、位置的相似等。在进行视觉流 程设计时，应引导观众的视线按照设计的意图，以 合理的顺序，有效的感知方式，发挥最大的信息传 达功能。
平面广告的视觉设计 流程及方法
1
• 视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。 • 这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。 • 版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。
这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。 • 从某个角度讲，视觉流程的设计结果就是版式。经验丰富的设计者对此非常重视，善于运用这条贯
6
2．视觉流程设计的逻辑性。
视觉流程顺序会受到人的生理和心理因素的影响， 人的眼睛在观看事物时是随意的，又是积极主动地，是 按照自身感兴趣去观看事物的。从生理角度讲，由于人 的眼睛是水平椭圆，水平方向的阅读比垂直方向上的阅 读方便快速，人们在观察物象时，容易先注意水平方向 上的物象，然后才注意垂直方向上的物象。人的眼睛对 于左上方物象的观察力优于右上方，对于右下方的观察 力又优于左下方 。因此，一般广告设计均把重要的构成 要素安排在左上方和右下方。
5
视觉流程设计原则 1．视觉元素的可视性。 当某一视觉信息具有较强的刺激度时，就容易为视觉所感 知，人的视线就会移动到这里，成为有意识注意，这是视 觉流程的第一阶段。 人们的视线总是最先对准刺激力强度最大之处，然后按照 视觉物象各构成要素刺激度由强到弱的流动，形成一定的 顺序。
视觉元素的可视性示例
两大排白色文字很容 易就吸引你的目光， 因为作者充分利用了 图中人物的姿态，好 象一手托着字而另一 只手往下按着字，自 然而然地吸引你的视 线，达成设计目的。
49
虽然图片上的字很 多，却还是给人一 种很清爽的感觉， 设计者利用衣服的 色彩以及走势打入 文字来吸引目光， 不失为聪明之举。
50
戏剧性，作者 利用了被摄者 拉购物车的这 一生动姿态来
2
• 人们是怎样看图片的？ • 研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿
和跳跃。这种间断不完全是任意的。 • 观看这张图的时候，你先看到了什么，后看到了什么
3
• A、眼睛有一种停留在一幅画面左上角的倾向。 • B、眼睛总是顺时针看一张图片。 • C、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的
物体。 • • 既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问， • 追寻这些视觉规律构建你的画面是最好的方式。
4
平面广告的视觉流程
视觉流程是指人们的视知觉在接受外界信息时感知和 传达的过程。一般情况下，包括三个连续阶段：第一 阶段为视觉第一印象；第二阶段为对视觉信息的全面 理解和接受；最后阶段为留下印象与记忆。 如果平面广告版面的要素与构图具有吸引视线的冲击 力，就是平面广告设计取得成功的第一步。 第二阶段视觉的适应与理解，是引导视觉进一步观察 的核心阶段。只有广告的形态适应生理要求，才会使 观者的视觉乐于接受，并保持较长时间的注视；视觉 流程有条理、编排有节奏，这对广告视觉信息的阅读 和传递是十分重要的。
41
42
43
44
5.重心／满版 以图像诉求为主，将图像充满整版，视觉效果强烈、直接。文字配置可根据 需要或压于四周或沿图像的动态、眼神、走势、重点部位放置。
重心的位置因其具体画面而定。在视觉流程上，首先是从版面重心开始，然 后顺沿形象的方向与力度的倾向来发展视线的进程。
45
46
47
48
视觉流程主要包括以下几种类型：
线型视觉流程 曲线视觉流程 焦点视觉流程 反复视觉流程 导向视觉流程 散点视觉流程
9
一、单向视觉流程 三种方向 竖向——坚定、直观 横向——给人稳定、安静之感 斜向——以不稳定的动态引起注意
10
视觉流程设计方法 1．直立法：从画面中心自上到下的视线流动。
视觉流程设计直立法示例 — 斯普林瓦利果汁饮料的宣传海报
视觉流程的诱导性示例
8
视觉流程可以从理性与感性，方向关系的流程与散构关系的流程来分析。
版式设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的 过程。 这种视觉流动线为“虚线”
方向关系的流程强调逻辑，注重版面清晰地脉络，似乎有一条主线、一股气韵贯穿版面， 使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干和树枝一样和谐。方向关 系流程较散构关系流程更具有理性色彩。
编排文字。
51
52
53
54
55
56
57
58
59
将引人注目的图像或 最重要的信息放置于 版面的重心位置，使 读者的视线迅速被其 吸引，随后引向版面 其他元素。
60
61
62
63
64
四、反复视觉流程
65
66
源自文库7
68
69
70
为弧线“C”和“S”。
30
31
32
33
34
35
36
三、重心视觉流程 重心是视觉心理的重心，可理解为 一、以强烈的形象或文字独据版面某个部分或完全充 斥整版 二、向心、离心
正圆以外的任何形态都有备傾向性动势
37
38
39
40
求心法：从画面四周引导视线向中心移动。在中 心产生注目点，视觉中心是安排主要信息的关键 部位。 视觉流程设计求心法示例 —— 品客薯片（辣味）广告
11
12
13
14
15
16
17
2．水平法：从水平方向自左向右的视线流动。 视觉流程设计水平法示例—— 超濃密狼牙棒睫毛膏广告
18
19
20
21
22
23
24
25
26
27
28
29
二、曲线视觉流程 各视觉要素按弧线回旋线运 动变化为曲线视觉流程，不 如直线简洁明了，但更有韵 味、节奏和曲线美，可概括
视觉流程设计的逻辑性示例
7
3．视觉流程的诱导性。
当人的视觉的信息产生注意后，广告要素和构 图如具有强烈的冲击力，形成和周围环境的差异性， 就能进一步引起人们的视觉兴趣，进行有序移动并 接受其信息。
在广告画面中，组合在一起具有相似性的因素， 具有诱导视觉流程的作用，如形状的相似，大小的 相似、色彩的相似、位置的相似等。在进行视觉流 程设计时，应引导观众的视线按照设计的意图，以 合理的顺序，有效的感知方式，发挥最大的信息传 达功能。
平面广告的视觉设计 流程及方法
1
• 视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。 • 这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。 • 版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。
这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。 • 从某个角度讲，视觉流程的设计结果就是版式。经验丰富的设计者对此非常重视，善于运用这条贯
6
2．视觉流程设计的逻辑性。
视觉流程顺序会受到人的生理和心理因素的影响， 人的眼睛在观看事物时是随意的，又是积极主动地，是 按照自身感兴趣去观看事物的。从生理角度讲，由于人 的眼睛是水平椭圆，水平方向的阅读比垂直方向上的阅 读方便快速，人们在观察物象时，容易先注意水平方向 上的物象，然后才注意垂直方向上的物象。人的眼睛对 于左上方物象的观察力优于右上方，对于右下方的观察 力又优于左下方 。因此，一般广告设计均把重要的构成 要素安排在左上方和右下方。
5
视觉流程设计原则 1．视觉元素的可视性。 当某一视觉信息具有较强的刺激度时，就容易为视觉所感 知，人的视线就会移动到这里，成为有意识注意，这是视 觉流程的第一阶段。 人们的视线总是最先对准刺激力强度最大之处，然后按照 视觉物象各构成要素刺激度由强到弱的流动，形成一定的 顺序。
视觉元素的可视性示例
两大排白色文字很容 易就吸引你的目光， 因为作者充分利用了 图中人物的姿态，好 象一手托着字而另一 只手往下按着字，自 然而然地吸引你的视 线，达成设计目的。
49
虽然图片上的字很 多，却还是给人一 种很清爽的感觉， 设计者利用衣服的 色彩以及走势打入 文字来吸引目光， 不失为聪明之举。
50
戏剧性，作者 利用了被摄者 拉购物车的这 一生动姿态来