1、版式版式设计设计第三单元第三单元 传递我们的心声传递我们的心声 第二课第二课 精美的报刊精美的报刊国内外报纸版式设计国内外报纸版式设计报纸的版式设计报纸的版式设计名名 片片 的的 版版 式式 设设 计计 杂杂 志志 内内 页页 版版 式式 设设 计计耐克的宣传画册设计耐克的宣传画册设计书书 籍籍 内内 页页 版版 式式 设设 计计书书 籍籍 内内 页页 的的 版版 式式 设设 计计一、一、版式设计基本概念版式设计基本概念 1、概念：、概念：版式设计可以理解版式设计可以理解为：在有限的版面空间里，为：在有限的版面空间里，遵循遵循“美美”的形式法则，将的形式法则，将与主题相关的视觉元素进行与主题相
2、关的视觉元素进行有机的排列组合，使其产生有机的排列组合，使其产生感官上的美感。感官上的美感。一、一、版式设计涉及范围版式设计涉及范围广泛应用应用到设计的各个领域，海报招贴设计侧重于图形元素的创作，报纸杂志则侧重文字编排元素，包装设计则是图形、文字与色块的综合编排。二、二、版式设计的基本类型版式设计的基本类型1、标题型、标题型 一般标题在先一般标题在先接着是图片和文接着是图片和文字内容等。这也是字内容等。这也是很常见的一种编排很常见的一种编排形式。形式。二、二、版式设计的基本类型版式设计的基本类型二、二、版式设计的基本类型版式设计的基本类型2、满版型、满版型 版面由一张相对完整的图片构成，版面由
3、一张相对完整的图片构成，不留固定的白边，图像、图形不受版心的不留固定的白边，图像、图形不受版心的约束，也就是约束，也就是“出血版出血版”。二、二、版式设计的基本类型版式设计的基本类型 3、斜置型、斜置型 在版面编排中在版面编排中图形或文字的主要部分向图形或文字的主要部分向右或向左作方向倾斜。从而赋予图形或文字右或向左作方向倾斜。从而赋予图形或文字以强烈的结构张力和视觉动感。以强烈的结构张力和视觉动感。二、二、版式设计的基本类型版式设计的基本类型国外报纸的版式编排国外报纸的版式编排_左右的对称中又有变化左右的对称中又有变化服装画册的版式设计服装画册的版式设计二、二、版式设计的基本类型版式设计的基
4、本类型介绍钓具的画册介绍钓具的画册-根据内容的需要分为几个区域根据内容的需要分为几个区域二、二、版式设计的基本类型版式设计的基本类型二、二、版式设计的基本类型版式设计的基本类型 6、自由型、自由型自由版式是将图像分散安排在页面各个自由版式是将图像分散安排在页面各个部位，具有自由、轻快的感觉。但应注部位，具有自由、轻快的感觉。但应注意图像的大小、主次，还应考虑疏密、意图像的大小、主次，还应考虑疏密、均衡、视觉流程等。均衡、视觉流程等。三、三、版式设计的造型元素版式设计的造型元素想一想如果我们现在要自己绘制一份板报应该有哪些造型元素呢？三、三、版式设计的造型元素版式设计的造型元素如何经营点、线、面
5、如何经营点、线、面点一个数字、字母、页码线一行文字、空白面一个色块、一段文字、一块空白三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 点的编排点的编排1、点在版面上的、点在版面上的构成构成 点的感觉是相对的，点的感觉是相对的，它是由形状，方向、它是由形状，方向、大小、位置等形式大小、位置等形式构成的。这种聚散构成的。这种聚散的排列与组合，带的排列与组合，带给人们不同的心理给人们不同的心理感应。感应。由点组成数字的形状由点组成数字的形状,而下面的点正是品牌的标志而下面的点正是品牌的标志三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 点的编排点的编排杂志内页的编排设计杂
6、志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉大小各异、高低错落的点状字母具有跳跃感觉三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 点的编排点的编排 雀巢咖啡的平面广告雀巢咖啡的平面广告网站的平面招贴设计网站的平面招贴设计三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 点的编排点的编排三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 点的编排点的编排水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 线的编排线的编排 线从理论上线从理论上讲，是点的发展和延讲，是点的发
7、展和延伸。线具有位置、长伸。线具有位置、长度、宽度、方向、形度、宽度、方向、形状和性格。直线和曲状和性格。直线和曲线是决定版面形象的线是决定版面形象的基本要素。每一种线基本要素。每一种线都有它自己独特的个都有它自己独特的个性与情感存在着。将性与情感存在着。将各种不同的线运用到各种不同的线运用到版面设计中去，就会版面设计中去，就会获得各种不同的效果。获得各种不同的效果。三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 线的编排线的编排直线给人以单纯、明朗的秩序感直线给人以单纯、明朗的秩序感文字的编排成弧线文字的编排成弧线,使版面灵动起使版面灵动起来来三、三、版式设计的造型元素版式设计
8、的造型元素版式设计版式设计 线的编排线的编排 面在空间上占有的面积最多，因而在视觉上面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。征。面可分成几何形和自由形两大类。三、三、版式设计的造型元素版式设计的造型元素版式设计版式设计 面的编排面的编排四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法则 1对称与均衡对称与均衡 2变异与秩序变异与秩序 3空白与疏密空白与疏密 4比例与分割比例与分割 5对比与调和对比与调和 6节奏与韵律节奏与韵律四、四、版式设计的基本法则
9、版式设计的基本法则版式设计版式设计 感性法则感性法则1.对称与均衡对称与均衡通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法则2.变异与秩序变异与秩序通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法则3.空白与疏密空白与疏密通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及
10、与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法则3.比例与分割比例与分割通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法则4.对比与调和对比与调和通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理四、四、版式设计的基本法则版式设计的基本法则版式设计版式设计 感性法则感性法
11、则5.节奏与韵律节奏与韵律通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、肌理位置、大小、色调、肌理想一想如果我们现在要自己绘制一份板报应该有哪些内容呢？五、五、板报设计的基本流程板报设计的基本流程报头画报头画标题标题通栏标题通栏标题文章标题文章标题插图插图文章文章空隙空隙五、五、板报设计的基本流程板报设计的基本流程报头画报头画标题标题文章标题文章标题文章文章空隙空隙边框边框通栏标题通栏标题插图插图五、五、板报设计的基本流程板报设计的基本流程壁报设计的步骤：壁报设计的步骤：（1）确定刊名及其位置）确定刊名及其位置五、五、板报设计的基本流程板
12、报设计的基本流程（2 2）确定报头的位置）确定报头的位置五、五、板报设计的基本流程板报设计的基本流程（3 3）确定栏目的数量和形式，）确定栏目的数量和形式，制定各栏目的块面空间制定各栏目的块面空间五、五、板报设计的基本流程板报设计的基本流程（4 4）安排文章、插图的位置，）安排文章、插图的位置，确定其所占块面的形状和大概面积确定其所占块面的形状和大概面积五、五、板报设计的基本流程板报设计的基本流程（5 5）根据剩余空间，）根据剩余空间，安排设计尾花和其他美化装安排设计尾花和其他美化装饰。饰。七年级上册第三单元第七年级上册第三单元第2课课手抄报设计手抄报设计如果你自己做一份手抄报，如果你自己做一
13、份手抄报，你准备怎么做？你准备怎么做？1、确定主题2、搜集素材3、制作4、完成 如何使一张手抄报在有限的空间内，既容纳如何使一张手抄报在有限的空间内，既容纳一定的知识内容，版面设计又精彩美观呢？一定的知识内容，版面设计又精彩美观呢？首先要确立主题思想。首先要确立主题思想。一期手抄报，版面很有限，要办出特色，必一期手抄报，版面很有限，要办出特色，必须在内容上突出一个主题，做到主题突出，须在内容上突出一个主题，做到主题突出，又丰富多彩又丰富多彩。版面编排和美化设计版面编排和美化设计，也要围绕着主题，根，也要围绕着主题，根据主题和文章内容决定形式的严肃与活泼，据主题和文章内容决定形式的严肃与活泼，做
14、到形式与内容的统一。做到形式与内容的统一。一、总体构思一、总体构思 手抄报的编排设计，总的要求是：手抄报的编排设计，总的要求是：主题明确，版面新颖美观。主题明确，版面新颖美观。二、编排设计二、编排设计 1.版面划分版面划分 一般先把版面划分成两块，每块中还可以再分成片。一般先把版面划分成两块，每块中还可以再分成片。划分文章块面时，要有横有竖，有大有小，有变化和有划分文章块面时，要有横有竖，有大有小，有变化和有对称的美。报头要醒目。对称的美。报头要醒目。2.块面编排块面编排 如不符合原先的划分，就要将版面块面安排作必要如不符合原先的划分，就要将版面块面安排作必要的调整；如不能安排下文章，就利用移
15、引、转版的形式的调整；如不能安排下文章，就利用移引、转版的形式等，并用字号、颜色、花边与邻近的文章块面相区别。等，并用字号、颜色、花边与邻近的文章块面相区别。3.装饰设计装饰设计 除报头按内容设计、绘制外，每篇文章的标题也要除报头按内容设计、绘制外，每篇文章的标题也要作总体考虑，按文章主次确定每篇文章标题的字体、字作总体考虑，按文章主次确定每篇文章标题的字体、字号、颜色及横、竖排位置。文章内容以横排为主，行距号、颜色及横、竖排位置。文章内容以横排为主，行距大于字距，篇与篇之间适应用些题花、插图、花边及尾大于字距，篇与篇之间适应用些题花、插图、花边及尾花等穿插其中，起装饰、活泼片面的作用。花等穿
16、插其中，起装饰、活泼片面的作用。保保 护护 环环 境境 从从 我我 做做 起起三、书写三、书写 1.标题的书写标题的书写主要或重要的文章标题，应用较醒目、庄重的字样；主要或重要的文章标题，应用较醒目、庄重的字样；文娱消息或次要文章，则可用轻松活泼的字体。文娱消息或次要文章，则可用轻松活泼的字体。同一期或同一版上的各篇文章标题，也应用不同的同一期或同一版上的各篇文章标题，也应用不同的字体书写。字体书写。标题字体应比文章内容字体大，色彩也应加重。标题字体应比文章内容字体大，色彩也应加重。标题多用美术字，以楷书、行书、魏书、隶书见多。标题多用美术字，以楷书、行书、魏书、隶书见多。2.正文的书写正文的
17、书写 字体要清楚、美观大方，字行间要整齐，字体字体要清楚、美观大方，字行间要整齐，字体不宜太小，忌潦草、错字。（一般用签字笔写不宜太小，忌潦草、错字。（一般用签字笔写）主要是用色彩、绘图等艺术手段，弥补文字的单主要是用色彩、绘图等艺术手段，弥补文字的单调，给人以生动形象、优美和谐的美感和启迪。内容包调，给人以生动形象、优美和谐的美感和启迪。内容包括报头、题花、插图、花边、尾花和色彩运用等。括报头、题花、插图、花边、尾花和色彩运用等。1.报头报头 它是手抄报的标志，由图案或画面和刊名组成。文字它是手抄报的标志，由图案或画面和刊名组成。文字上由报头名称、日期等组成。上由报头名称、日期等组成。2.题
18、花题花 是对文章标题是对文章标题的装饰的装饰，常见的有底纹，常见的有底纹、带有提示性的、带有提示性的图画或图案。图画或图案。3.插图插图 可以根据文章的内容，画一个能说明一个情节的画面，可以根据文章的内容，画一个能说明一个情节的画面，这种形式与文章内容紧密联系；还可以采用与文章内容这种形式与文章内容紧密联系；还可以采用与文章内容毫无联系的图案，如花鸟、山水等，这是纯粹为了美化毫无联系的图案，如花鸟、山水等，这是纯粹为了美化而作的。而作的。四、装饰美化四、装饰美化 4.花边花边 一般不宜太多、太大、太粗，否则就会喧宾一般不宜太多、太大、太粗，否则就会喧宾夺主。花边可以美化版面，可以隔开文章，便于
19、夺主。花边可以美化版面，可以隔开文章，便于阅读。阅读。5.尾花尾花 是装饰在文章后面的图画或图案。如一篇文是装饰在文章后面的图画或图案。如一篇文章抄完后，还剩有空白，可以画一朵花或一个小章抄完后，还剩有空白，可以画一朵花或一个小图案，既可充实版面，又可以增加美感。图案，既可充实版面，又可以增加美感。6.色彩方面色彩方面 一般宜简练、明快、淡雅，不宜过分渲染、一般宜简练、明快、淡雅，不宜过分渲染、杂乱。一般而言，正文色调宜朴素、稳重；标题杂乱。一般而言，正文色调宜朴素、稳重；标题及花边、插图等，则可用较鲜艳的色彩。及花边、插图等，则可用较鲜艳的色彩。报头画报头画标题标题文章标题文章标题文章文章空
20、隙空隙边框边框报头报头插图插图报头报头文章文章插图插图文章和插图巧妙结合文章和插图巧妙结合边框边框刊头和刊头和标题标题题花、插画、尾花题花、插画、尾花1.主题鲜明，标题醒目。主题鲜明，标题醒目。2.布局合理，不要太空、太挤。布局合理，不要太空、太挤。3.图文结合，图要慢慢画，图文结合，图要慢慢画，字要细细写。字要细细写。只要你有耐心，够细心，有创意只要你有耐心，够细心，有创意好作品就在你手下！好作品就在你手下！手抄报不是画画手抄报不是画画,不要画比字多。不要画比字多。不留太多空白不留太多空白不在太薄太软的纸上制作不在太薄太软的纸上制作作作 业业 在以下主题中任选一个，绘制一幅手抄报：在以下主题中任选一个，绘制一幅手抄报：法制与我、绿色环保、祖国成就法制与我、绿色环保、祖国成就 传统习俗（任选一传统节日或民间活动）、传统习俗（任选一传统节日或民间活动）、三防知识（三防知识（防核武器、生物武器、化学武器防核武器、生物武器、化学武器）要求：要求：1、主题突出，标题醒目；、主题突出，标题醒目；2、画面整洁，字迹清晰；、画面整洁，字迹清晰；3、色彩鲜明、文图相符。、色彩鲜明、文图相符。欣赏与参考欣赏与参考
