版面设计基础第三课PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
21
第三课 网格的拘束率－案例五 有格调、庄重的版面使用网格
22
第三课 网格的拘束率－案例五 A
23
第三课 网格的拘束率－案例五
B
24
第三课 网格的拘束率－案例五
总结： A 网格的拘束效果 比较上图两例，充分理解网格拘束率的重要性。脱离网格拘束，加入 视觉度强的照片，就形成与右图完全不同的设计样式。这样的样式， 无论怎样变化文字的大小和位置，都很难传达平静严肃的信息。 B 当然原来的广告是右图。活用网格，扩大空白，再配置粗体文字， 增强了肃静、庄重的印象。左图配上自由活动的人物，视觉主高，不 适合高级威士忌的广告。
31
第三课 版面率－案例一
增大名片的空白体现高品质 版心大，四周控白就少；版心小，空白就多。因此，版面率亦称为空 白量。即使版心很大，但设计时在中间留很大空白，其效果与低版面 率相同
32
第三课 版面率－案例一
A
33
第三课 版面率－案例一
B
34
总结：
第三课 版面率－案例一
A版面率高，空白少的名片――适合有精神的、热心的营销者。 B版面率低，空白多的名片――高品质的、沉静的性格。
第三课 网格的拘束率－案例三
总结：
A 既没有严格遵循网格拘束，也没有积极打破，暧昧状 态下被网格拘束。成人化的版面，没能清楚体现要向读者 传达的信息。 B 稍微脱离网格拘束，整个版面就体现出动感。结合这个 氛围，提高文字和照片的跳跃率，就做出了有活力的版面。
18
第三课 网格的拘束率－案例四
A
19
29
第三课 网格的拘束率－案例十
小的角版能紧凑版面 主要人物用挖版表示，角版的小照片夹在中间使版面紧凑，能突出挖 版自由的曲线。
30
第三课 网格的拘束率－案例十一
VIP（Very Important Person）不能用挖版 有特别意义的人物不适合用挖版来表现。可以用角版，出血版，羽化 版的任何一种。因为挖版的自由印象，会减轻存在感。 印象深刻 印象不深
3
第三课 网格的拘束率和版面率 网格拘束率――拘束体现理性，除去则自由
4
第三课 网格的拘束率和版面率
5
第三课 网格的拘束率和版面率 总结：
A图是运用网格的典型设计，是稳重的版面。 B图照片的位置、大小、文字的篇幅都很随意，几乎没有遵循版面用纸上的网格。虽然 很难保持平衡，但能体现自由愉快。 A用网格约束的版面 B没有用网格约束，排版自由的版面。
角版
单边出血版
羽化版
挖版 27
第三课 网格的拘束率－案例八
角版和挖版的不同效果
角版是网格约束型，挖版是自由型。两者组合运用，能产生各种对比效果。用 角版稳定整体 右页只用了挖版，左页却用了两大块解版，以稳定版面。因此右页的 动感得到激活。
28
第三课 网格的拘束率－案例九
挖版的重点 角版中只夹入一个小的挖版。因为这一小的对比效果，改变了整个版 面的氛围。
25
第三课 网格的拘束率－案例六
自由格式不符合严肃的传统活动 用网格拘束，表现出严肃。与介绍传统活动的目的相符。
26
源自文库
第三课 网格的拘束率－案例七
照片的外型――挖版和角版 挖版打破网格拘束 印刷工艺中“制版”的方法，有以下各种图型。使用角型版的叫做角 版。挖版是沿着描写对象的形状切割制版而成的。网格拘束性强的设 计，多用角版。用挖版，则表现自由格式。
第三课 网格的拘束率和版面率
http://blog.sina.com.cn/arts8
1
整体概况
+ 概况1
您的内容打在这里，或者通过复制您的文本后。
概况2
+ 您的内容打在这里，或者通过复制您的文本后。
概况3
+ 您的内容打在这里，或者通过复制您的文本后。
2
第三课 网格的拘束率和版面率
网格的拘束率――自由度
版心是首先要决定的基本要素 印刷好的版面，都有看不见的四边围绕着。设计版面时，首先应该决定四周的 空白，空白的内侧即版心。 空白小，表现丰富的信息量；空白大，表现高品质 比较下两组图，右页是空白多的一组，左页是版心大的一组。版面率的大小程 度，会给人留下完全不同的印象。无视版面率，就不能正确表达信息。生动的 名片应该提高版面率，而表现高品质的名片必须控制版面率。
很难平衡的自由格式
脱离网格约束的自由设计，很难保持平衡。如果不是平衡感极好的训 练有素的设计师，很容易设计成劣质品，需要注意。
10
第三课 网格的拘束率－案例一
A
11
第三课 网格的拘束率－案例一
B
12
第三课 网格的拘束率－案例一
总结： 网格拘束型 因为有网格明显固定，所以流畅易读。但是， 太过于男性化和经济杂志化，女性的信息杂志最好避免严 格遵循网格。 网格的自由型 多用沿形状剪切后的照片，成为自由格式的 设计样式。更像女性杂志。
6
第三课 网格的拘束率和版面率 版面率
版面率亦指空白的多少。
7
第三课 网格的拘束率和版面率
8
第三课 网格的拘束率和版面率 总结：
C图，版面虽然很大，但中间留出很多空白，版面率就下降了。 D版面率高，信息量丰富的版面
9
第三课 网格的拘束率和版面率－网格的拘束率
使用网格体现理性化、男性化
沿着版面用纸上的网格设计，固定的四角形成为中心，给人稳重的印 象。增强了理性的、男性的感觉。脱离网格，则有自由的感觉，容易 制造有趣的版面。
13
第三课 网格的拘束率－案例二
运用网格，体现理性和幽默。
自由格式，舒畅自由。
14
第三课 网格的拘束率－案例三
报纸经常有固定的版面设计。稍微打破网格拘束，就能增加趣味性。 结合文字、照片的跳跃率，试着做出有活力的版面吧。
15
第三课 网格的拘束率－案例三
A
16
第三课 网格的拘束率－案例三
B
17
第三课 网格的拘束率－案例四
B
20
第三课 网格的拘束率－案例四
总结： A 用网格拘束，保持每张照片的独立性 设计照片作品比较适合网格拘束。突出了每张照片的独立性。 B 自由格式融合全体 料理书的设计最好摆脱网格拘束。大的照片不仅有趣，还能看到整体， 进而继续阅读旁边的说明文字。照片和文章融为一体。
原则上，在版面设计中，照片和标题的位置沿版面用 纸的网格线决定。这样设计出的版面，是被网格约束住的 版面。其实也可以无视网格的线条，自由配置，形成脱离 网格约束的版面设计。
版面率――空白量
版面用纸上下左右都有一定幅度的空白，叫做留白。 留白内侧的文字配置的空间，叫做版心。相对于版面实体， 版心所占的面积叫做版面率。版面率越高，天地左右的空 白就越少。
第三课 网格的拘束率－案例五 有格调、庄重的版面使用网格
22
第三课 网格的拘束率－案例五 A
23
第三课 网格的拘束率－案例五
B
24
第三课 网格的拘束率－案例五
总结： A 网格的拘束效果 比较上图两例，充分理解网格拘束率的重要性。脱离网格拘束，加入 视觉度强的照片，就形成与右图完全不同的设计样式。这样的样式， 无论怎样变化文字的大小和位置，都很难传达平静严肃的信息。 B 当然原来的广告是右图。活用网格，扩大空白，再配置粗体文字， 增强了肃静、庄重的印象。左图配上自由活动的人物，视觉主高，不 适合高级威士忌的广告。
31
第三课 版面率－案例一
增大名片的空白体现高品质 版心大，四周控白就少；版心小，空白就多。因此，版面率亦称为空 白量。即使版心很大，但设计时在中间留很大空白，其效果与低版面 率相同
32
第三课 版面率－案例一
A
33
第三课 版面率－案例一
B
34
总结：
第三课 版面率－案例一
A版面率高，空白少的名片――适合有精神的、热心的营销者。 B版面率低，空白多的名片――高品质的、沉静的性格。
第三课 网格的拘束率－案例三
总结：
A 既没有严格遵循网格拘束，也没有积极打破，暧昧状 态下被网格拘束。成人化的版面，没能清楚体现要向读者 传达的信息。 B 稍微脱离网格拘束，整个版面就体现出动感。结合这个 氛围，提高文字和照片的跳跃率，就做出了有活力的版面。
18
第三课 网格的拘束率－案例四
A
19
29
第三课 网格的拘束率－案例十
小的角版能紧凑版面 主要人物用挖版表示，角版的小照片夹在中间使版面紧凑，能突出挖 版自由的曲线。
30
第三课 网格的拘束率－案例十一
VIP（Very Important Person）不能用挖版 有特别意义的人物不适合用挖版来表现。可以用角版，出血版，羽化 版的任何一种。因为挖版的自由印象，会减轻存在感。 印象深刻 印象不深
3
第三课 网格的拘束率和版面率 网格拘束率――拘束体现理性，除去则自由
4
第三课 网格的拘束率和版面率
5
第三课 网格的拘束率和版面率 总结：
A图是运用网格的典型设计，是稳重的版面。 B图照片的位置、大小、文字的篇幅都很随意，几乎没有遵循版面用纸上的网格。虽然 很难保持平衡，但能体现自由愉快。 A用网格约束的版面 B没有用网格约束，排版自由的版面。
角版
单边出血版
羽化版
挖版 27
第三课 网格的拘束率－案例八
角版和挖版的不同效果
角版是网格约束型，挖版是自由型。两者组合运用，能产生各种对比效果。用 角版稳定整体 右页只用了挖版，左页却用了两大块解版，以稳定版面。因此右页的 动感得到激活。
28
第三课 网格的拘束率－案例九
挖版的重点 角版中只夹入一个小的挖版。因为这一小的对比效果，改变了整个版 面的氛围。
25
第三课 网格的拘束率－案例六
自由格式不符合严肃的传统活动 用网格拘束，表现出严肃。与介绍传统活动的目的相符。
26
源自文库
第三课 网格的拘束率－案例七
照片的外型――挖版和角版 挖版打破网格拘束 印刷工艺中“制版”的方法，有以下各种图型。使用角型版的叫做角 版。挖版是沿着描写对象的形状切割制版而成的。网格拘束性强的设 计，多用角版。用挖版，则表现自由格式。
第三课 网格的拘束率和版面率
http://blog.sina.com.cn/arts8
1
整体概况
+ 概况1
您的内容打在这里，或者通过复制您的文本后。
概况2
+ 您的内容打在这里，或者通过复制您的文本后。
概况3
+ 您的内容打在这里，或者通过复制您的文本后。
2
第三课 网格的拘束率和版面率
网格的拘束率――自由度
版心是首先要决定的基本要素 印刷好的版面，都有看不见的四边围绕着。设计版面时，首先应该决定四周的 空白，空白的内侧即版心。 空白小，表现丰富的信息量；空白大，表现高品质 比较下两组图，右页是空白多的一组，左页是版心大的一组。版面率的大小程 度，会给人留下完全不同的印象。无视版面率，就不能正确表达信息。生动的 名片应该提高版面率，而表现高品质的名片必须控制版面率。
很难平衡的自由格式
脱离网格约束的自由设计，很难保持平衡。如果不是平衡感极好的训 练有素的设计师，很容易设计成劣质品，需要注意。
10
第三课 网格的拘束率－案例一
A
11
第三课 网格的拘束率－案例一
B
12
第三课 网格的拘束率－案例一
总结： 网格拘束型 因为有网格明显固定，所以流畅易读。但是， 太过于男性化和经济杂志化，女性的信息杂志最好避免严 格遵循网格。 网格的自由型 多用沿形状剪切后的照片，成为自由格式的 设计样式。更像女性杂志。
6
第三课 网格的拘束率和版面率 版面率
版面率亦指空白的多少。
7
第三课 网格的拘束率和版面率
8
第三课 网格的拘束率和版面率 总结：
C图，版面虽然很大，但中间留出很多空白，版面率就下降了。 D版面率高，信息量丰富的版面
9
第三课 网格的拘束率和版面率－网格的拘束率
使用网格体现理性化、男性化
沿着版面用纸上的网格设计，固定的四角形成为中心，给人稳重的印 象。增强了理性的、男性的感觉。脱离网格，则有自由的感觉，容易 制造有趣的版面。
13
第三课 网格的拘束率－案例二
运用网格，体现理性和幽默。
自由格式，舒畅自由。
14
第三课 网格的拘束率－案例三
报纸经常有固定的版面设计。稍微打破网格拘束，就能增加趣味性。 结合文字、照片的跳跃率，试着做出有活力的版面吧。
15
第三课 网格的拘束率－案例三
A
16
第三课 网格的拘束率－案例三
B
17
第三课 网格的拘束率－案例四
B
20
第三课 网格的拘束率－案例四
总结： A 用网格拘束，保持每张照片的独立性 设计照片作品比较适合网格拘束。突出了每张照片的独立性。 B 自由格式融合全体 料理书的设计最好摆脱网格拘束。大的照片不仅有趣，还能看到整体， 进而继续阅读旁边的说明文字。照片和文章融为一体。
原则上，在版面设计中，照片和标题的位置沿版面用 纸的网格线决定。这样设计出的版面，是被网格约束住的 版面。其实也可以无视网格的线条，自由配置，形成脱离 网格约束的版面设计。
版面率――空白量
版面用纸上下左右都有一定幅度的空白，叫做留白。 留白内侧的文字配置的空间，叫做版心。相对于版面实体， 版心所占的面积叫做版面率。版面率越高，天地左右的空 白就越少。