精美的报刊(课堂PPT).ppt

版式版式设计设计第第三三单单元元 传传递递我我们们的的心心声声 第第二二课课 精精美美的的报报刊刊1国内外报纸版式设计国内外报纸版式设计报纸的版式设计报纸的版式设计2名名 片片 的的 版版 式式 设设 计计3 杂杂 志志 内内 页页 版版 式式 设设 计计4耐克的宣传画册设计耐克的宣传画册设计5书书 籍籍 内内 页页 版版 式式 设设 计计6书书 籍籍 内内 页页 的的 版版 式式 设设 计计71、概念：、概念：版式设计可以理解版式设计可以理解为：在有限的版面空间里，为：在有限的版面空间里，遵循遵循“美美”的形式法则，将的形式法则，将与主题相关的视觉元素进行与主题相关的视觉元素进行有机的排列组合，使其产生有机的排列组合，使其产生感官上的美感。感官上的美感。一、一、版式设计基本概念版式设计基本概念 89101112基本要点版面比例点线面文字排版基本要点：流畅的阅读：流畅的阅读：有效的阅读：有效的阅读：情绪波动：情绪波动：获取信息：获取信息让读者流畅地阅读，顺利获取信息，遵循人们的阅读习惯整体易懂，信息点明确，易于记忆视觉冲击力，突出主题通过图文结合，让人们有“发现”的惊喜，毕竟人们对“未知”和“与自己有关”的东西感兴趣13一、一、版式设计涉及范围版式设计涉及范围广泛应用应用到设计的各个领域，海报招贴设计侧重于图形元素的创作，报纸杂志则侧重文字编排元素，包装设计则是图形、文字与色块的综合编排。14二、二、版式设计的基本类型版式设计的基本类型15二、二、版式设计的基本类型版式设计的基本类型一般标题在先一般标题在先接接着是图片和文字内着是图片和文字内容等。这也是很常容等。这也是很常见的一种编排形式。见的一种编排形式。标题型标题型16二、二、版式设计的基本类型版式设计的基本类型 版面由一张相对完整的图片构成，版面由一张相对完整的图片构成，不留固定的白边，图像、图形不受版心的不留固定的白边，图像、图形不受版心的约束，也就是约束，也就是“出血版出血版”。满版型满版型17二、二、版式设计的基本类型版式设计的基本类型 在版面编排中在版面编排中图形或文字的主要部分向图形或文字的主要部分向右或向左作方向倾斜。从而赋予图形或文字右或向左作方向倾斜。从而赋予图形或文字以强烈的结构张力和视觉动感。以强烈的结构张力和视觉动感。斜置型斜置型 18二、二、版式设计的基本类型版式设计的基本类型国国外外报报纸纸的的版版式式编编排排_左左右右的的对对称称中中又又有有变变化化服装画册的版式设计服装画册的版式设计对称型对称型 19二、二、版式设计的基本类型版式设计的基本类型介绍钓具的画册介绍钓具的画册-根据内容的需要分为几个区域根据内容的需要分为几个区域比例划分型比例划分型 20二、二、版式设计的基本类型版式设计的基本类型21二、二、版式设计的基本类型版式设计的基本类型 自由版式是将图像分散安排在页面各个自由版式是将图像分散安排在页面各个部位，具有自由、轻快的感觉。但应注部位，具有自由、轻快的感觉。但应注意图像的大小、主次，还应考虑疏密、意图像的大小、主次，还应考虑疏密、均衡、视觉流程等。均衡、视觉流程等。自由型自由型22三、三、版式设计的造型元素版式设计的造型元素如何经营点、线、面如何经营点、线、面点一个数字、字母、页码线一行文字、空白面一个色块、一段文字、一块空白23三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 点点的的编编排排1、点在版面上的、点在版面上的构成构成 点的感觉是相对的，点的感觉是相对的，它是由形状，方向、它是由形状，方向、大小、位置等形式大小、位置等形式构成的。这种聚散构成的。这种聚散的排列与组合，带的排列与组合，带给人们不同的心理给人们不同的心理感应。感应。由点组成数字的形状由点组成数字的形状,而下面的点正是品牌的标志而下面的点正是品牌的标志24三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 点点的的编编排排杂志内页的编排设计杂志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉大小各异、高低错落的点状字母具有跳跃感觉25三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 点点的的编编排排 雀巢咖啡的平面广告雀巢咖啡的平面广告网站的平面招贴设计网站的平面招贴设计26三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 点点的的编编排排27三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 点点的的编编排排水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。28三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 线线的的编编排排 线从理论上线从理论上讲，是点的发展和延讲，是点的发展和延伸。线具有位置、长伸。线具有位置、长度、宽度、方向、形度、宽度、方向、形状和性格。直线和曲状和性格。直线和曲线是决定版面形象的线是决定版面形象的基本要素。每一种线基本要素。每一种线都有它自己独特的个都有它自己独特的个性与情感存在着。将性与情感存在着。将各种不同的线运用到各种不同的线运用到版面设计中去，就会版面设计中去，就会获得各种不同的效果。获得各种不同的效果。29三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 线线的的编编排排直线给人以单纯、明朗的秩序感直线给人以单纯、明朗的秩序感文字的编排成弧线文字的编排成弧线,使版面灵动起使版面灵动起来来30三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 线线的的编编排排 面在空间上占有的面积最多，因而在视觉上要面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。面可分成几何形和自由形两大类。31三、三、版式设计的造型元素版式设计的造型元素版版式式设设计计 面面的的编编排排32四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则1对称与均衡对称与均衡2变异与秩序变异与秩序3空白与疏密空白与疏密4比例与分割比例与分割5对比与调和对比与调和6节奏与韵律节奏与韵律33四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则1.对称与均衡对称与均衡通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理34四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则2.变异与秩序变异与秩序通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理35四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则3.空白与疏密空白与疏密通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理36四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则3.比例与分割比例与分割通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理37四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则4.对比与调和对比与调和通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理38四、四、版式设计的基本法则版式设计的基本法则版版式式设设计计 感感性性法法则则5.节奏与韵律节奏与韵律通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理39想一想如果我们现在要自己绘制一份板报应该有哪些内容呢？40五、五、板报设计的基本流程板报设计的基本流程报头画报头画标题标题通栏标题通栏标题文章标题文章标题插图插图文章文章空隙空隙41五、五、板报设计的基本流程板报设计的基本流程报头画报头画标题标题文章标题文章标题文章文章空隙空隙边框边框通栏标题通栏标题插图插图424344五、五、板报设计的基本流程板报设计的基本流程壁报设计的步骤：壁报设计的步骤：（1）确定刊名及其位置）确定刊名及其位置45五、五、板报设计的基本流程板报设计的基本流程（2 2）确定报头的位置）确定报头的位置46五、五、板报设计的基本流程板报设计的基本流程（3 3）确定栏目的数量和形式，）确定栏目的数量和形式，制定各栏目的块面空间制定各栏目的块面空间47五、五、板报设计的基本流程板报设计的基本流程（4 4）安排文章、插图的位置，）安排文章、插图的位置，确定其所占块面的形状和大概面积确定其所占块面的形状和大概面积48五、五、板报设计的基本流程板报设计的基本流程（5 5）根据剩余空间，）根据剩余空间，安排设计尾花和其他美化装安排设计尾花和其他美化装饰。饰。49花边插图花边、插图绘制要小巧精致，点缀作用，不能抢眼。50我们将各种要素和内容采用分割的方法，布置在合理的区域。让它们在我们的视觉中更去清晰，易于阅读。51 块面大小有变化，而且形状变化的有特色。52竖排为主，横排相间横排为主，横排为主，竖排相间竖排相间53 画面分割缺少变化，单调乏味，没有美感。5455565758596061626364