版面设计基础第三课.pptVIP

第三课 版面率－案例一 增大名片的空白体现高品质 版心大，四周控白就少；版心小，空白就多。因此，版面率亦称为空白量。即使版心很大，但设计时在中间留很大空白，其效果与低版面率相同 第三课 版面率－案例一 A 第三课 版面率－案例一 B 第三课 版面率－案例一 总结： A版面率高，空白少的名片――适合有精神的、热心的营销者。 B版面率低，空白多的名片――高品质的、沉静的性格。 版心是首先要决定的基本要素 印刷好的版面，都有看不见的四边围绕着。设计版面时，首先应该决定四周的空白，空白的内侧即版心。 空白小，表现丰富的信息量；空白大，表现高品质 比较下两组图，右页是空白多的一组，左页是版心大的一组。版面率的大小程度，会给人留下完全不同的印象。无视版面率，就不能正确表达信息。生动的名片应该提高版面率，而表现高品质的名片必须控制版面率。 第三课 版面率－案例二 高级化妆品广告应扩大空白 第三课 版面率－案例二 A 第三课 版面率－案例二 B 第三课 版面率－案例二 总结： 表现高品质、高质感的商品需要大面积的空白 图B是原广告，与A图相比扩大的空白量。 空白量扩大后，尽管标题的跳跃率还是很低，但效果十分明显，造成舒畅、稳重的氛围，给人高品质的印象。 * 第三课 网格的拘束率和版面率 此PPT由艺术公园编辑制作 /arts8 第三课 网格的拘束率和版面率 网格的拘束率――自由度 　　原则上，在版面设计中，照片和标题的位置沿版面用纸的网格线决定。这样设计出的版面，是被网格约束住的版面。其实也可以无视网格的线条，自由配置，形成脱离网格约束的版面设计。 版面率――空白量 　　版面用纸上下左右都有一定幅度的空白，叫做留白。留白内侧的文字配置的空间，叫做版心。相对于版面实体，版心所占的面积叫做版面率。版面率越高，天地左右的空白就越少。 第三课 网格的拘束率和版面率 网格拘束率――拘束体现理性，除去则自由 第三课 网格的拘束率和版面率 第三课 网格的拘束率和版面率 总结： A图是运用网格的典型设计，是稳重的版面。 B图照片的位置、大小、文字的篇幅都很随意，几乎没有遵循版面用纸上的网格。虽然很难保持平衡，但能体现自由愉快。 A用网格约束的版面 B没有用网格约束，排版自由的版面。 第三课 网格的拘束率和版面率 第三课 网格的拘束率和版面率 总结： C图，版面虽然很大，但中间留出很多空白，版面率就下降了。 D版面率高，信息量丰富的版面 第三课 网格的拘束率和版面率－网格的拘束率 使用网格体现理性化、男性化 沿着版面用纸上的网格设计，固定的四角形成为中心，给人稳重的印象。增强了理性的、男性的感觉。脱离网格，则有自由的感觉，容易制造有趣的版面。 很难平衡的自由格式 脱离网格约束的自由设计，很难保持平衡。如果不是平衡感极好的训练有素的设计师，很容易设计成劣质品，需要注意。 第三课 网格的拘束率－案例一 A 第三课 网格的拘束率－案例一 B 第三课 网格的拘束率－案例一 总结： 网格拘束型 因为有网格明显固定，所以流畅易读。但是，太过于男性化和经济杂志化，女性的信息杂志最好避免严格遵循网格。 网格的自由型 多用沿形状剪切后的照片，成为自由格式的设计样式。更像女性杂志。 第三课 网格的拘束率－案例二 运用网格，体现理性和幽默。 自由格式，舒畅自由。 第三课 网格的拘束率－案例三 报纸经常有固定的版面设计。稍微打破网格拘束，就能增加趣味性。结合文字、照片的跳跃率，试着做出有活力的版面吧。 第三课 网格的拘束率－案例三 A 第三课 网格的拘束率－案例三 B 第三课 网格的拘束率－案例三 总结： A　既没有严格遵循网格拘束，也没有积极打破，暧昧状态下被网格拘束。成人化的版面，没能清楚体现要向读者传达的信息。 B 稍微脱离网格拘束，整个版面就体现出动感。结合这个氛围，提高文字和照片的跳跃率，就做出了有活力的版面。 第三课 网格的拘束率－案例四 A 第三课 网格的拘束率－案例四 B 第三课 网格的拘束率－案例四 总结： A 用网格拘束，保持每张照片的独立性 设计照片作品比较适合网格拘束。突出了每张照片的独立性。 B 自由格式融合全体 料理书的设计最好摆脱网格拘束。大的照片不仅有趣，还能看到整体，进而继续阅读旁边的说明文字。照片和文章融为一体。 第三课 网格的拘束率－案例五 有格调、庄重的版面使用网格 第三课 网格的拘束率－案例五 A 第三课 网格的拘束率－案例五 B 第三课 网格的拘束率－案例五 总结： A 网格的拘束效果 比较上图两例，充分理解网格拘束率的重要性。脱离网格拘束，加入视觉度强的照片，就形成与右图完全不同的设计样式。这样的样