主讲主讲:版式设计211.com1第一章第一章 设计师的设计师的“ “剧本剧本” ”2第二章第二章 文字编排的兵法文字编排的兵法3第三章第三章 建立视觉讯息的秩序建立视觉讯息的秩序4第四章第四章 建立版式的网络结构建立版式的网络结构5第五章第五章 版式空间的虚与实版式空间的虚与实6第六章第六章 版式设计的规矩版式设计的规矩第一章第一章 设计师的设计师的“剧本剧本”学习目标学习目标: : 了解版式设计的学习目的与方法，并学会解读版式设计作品。学习内容学习内容: : 什么是版式设计？ 为什么要学习版式设计？ 怎样制作版式设计？ 如何解读一幅版设计作品？第一节第一节 版式设计和传播版式设计和传播什么是版式设计？什么是版式设计？所谓版式设计，就是在所谓版式设计，就是在版面上，将有限的视觉版面上，将有限的视觉元素进行有机的排列组元素进行有机的排列组合。将理性思维，个性合。将理性思维，个性化地表现出来；化地表现出来； 一种具有个人风格和艺一种具有个人风格和艺术特色的视觉传送方式。术特色的视觉传送方式。传达信息的同时，也产传达信息的同时，也产生感官上的美感。生感官上的美感。课程导入课程导入下面让我们先来了解一下版式设计的发展 版式设计涉及的范围版式设计涉及的范围书籍、书籍、挂历等挂历等 广告、广告、招贴等招贴等唱片唱片 、网页等网页等 平面平面设计设计报报纸纸、刊物等刊物等 版式设计版式设计影楼海报书籍装帧设计（封面)包装设计网页设计为什么要学习版式设计？为什么要学习版式设计？版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必版式设计可以说是现代设计者所必备的基本功之一。备的基本功之一。版式设计涉及的就业岗位版式设计涉及的就业岗位广告公司广告公司网络公司网络公司网页界面设计网页界面设计网页界面设计网页界面设计 （美工）（美工）（美工）（美工）标志设计标志设计标志设计标志设计 （设计（设计（设计（设计师）师）师）师）模板设计模板设计模板设计模板设计 （设计师）（设计师）（设计师）（设计师）产品企业产品企业企业文化宣传册设企业文化宣传册设企业文化宣传册设企业文化宣传册设计计计计 （设计师）（设计师）（设计师）（设计师）产品包装设计产品包装设计产品包装设计产品包装设计 （设（设（设（设计师）计师）计师）计师）新产品上市推广新产品上市推广新产品上市推广新产品上市推广 （设计师）（设计师）（设计师）（设计师）报刊杂志社报刊杂志社版面编辑版面编辑版面编辑版面编辑 （美编）（美编）（美编）（美编）插画设计插画设计插画设计插画设计 （设计师）（设计师）（设计师）（设计师）书籍装帧设计书籍装帧设计书籍装帧设计书籍装帧设计 （美（美（美（美编）编）编）编）广告设计（设计师）广告设计（设计师）广告设计（设计师）广告设计（设计师）招贴海报设计招贴海报设计招贴海报设计招贴海报设计 （设（设（设（设计师）计师）计师）计师）名片设计（设计师）名片设计（设计师）名片设计（设计师）名片设计（设计师）怎样制作版式设计？怎样制作版式设计？版式设计常用软件：版式设计常用软件：平面设计的双剑客平面设计的双剑客 高端设计高端设计CorelDRAW方正方正 飞腾飞腾In Design排版天才排版天才版式设计基本步骤：版式设计基本步骤：进行制作 第一步第一步第二步第二步第三步第三步第四步第四步确定布局收集素材确定主题需要传达的信需要传达的信息息含文字、图形图像含文字、图形图像视觉元素的类型视觉元素的类型处理软件处理软件互动效果：互动效果：中介中介插图插图本期主题本期主题杂志名称杂志名称说明文字说明文字吸引吸引把握主题把握主题确认名称确认名称了解细节了解细节设计师设计师客户客户消费者消费者好版式是什么样子好版式是什么样子的的(课本课本P56) 俄国艺术家作品展俄国艺术家作品展-马马雅可夫斯基雅可夫斯基,梅杰尔乔德梅杰尔乔德,斯斯坦尼斯拉夫斯基坦尼斯拉夫斯基海报海报聚焦经典聚焦经典 这是意大利设计大师鲁诺这是意大利设计大师鲁诺蒙古奇为在米兰举办的蒙古奇为在米兰举办的“俄国艺术家作品展俄国艺术家作品展”设计设计的海报。展览内容为俄国的海报。展览内容为俄国十月革命期间的著名诗人十月革命期间的著名诗人马雅可夫斯基等人的作品。马雅可夫斯基等人的作品。 版式通过有秩序的斜线网版式通过有秩序的斜线网格、完美的视觉流程、充格、完美的视觉流程、充满激情的构成主义风格和满激情的构成主义风格和震撼的形式感产生了良好震撼的形式感产生了良好的可读性，引起了受众的的可读性，引起了受众的共鸣！共鸣！如何解读一幅版设计作品？如何解读一幅版设计作品？视线在观赏物上的移动过程。纵向矩阵网格三栏或多栏分割画面采用极富创意和视觉震撼力的图形来吸引眼球和表现主题多对比色和邻近色系，对比强烈，但色调和谐图文和空白的对比得当，既凸显了内容又产生了阅读节奏视觉流程视觉流程色彩处理色彩处理网格结构网格结构图形处理图形处理空间处理空间处理版式设计原则版式设计原则主题鲜明突出主题鲜明突出 版式设计的目的之一是使版面有版式设计的目的之一是使版面有清晰的条理性，能够更好地突出清晰的条理性，能够更好地突出主题，达到最佳的表达效果，增主题，达到最佳的表达效果，增强读者对版面的注意，增进对内强读者对版面的注意，增进对内容的理解。容的理解。形式与内容统一形式与内容统一 版式设计所追求的表现形式必须符合版面所版式设计所追求的表现形式必须符合版面所要表达的主题，这是版式设计的前提。要表达的主题，这是版式设计的前提。 强化整体布局强化整体布局 在版面设计中文字、图片与颜色是需要处理与在版面设计中文字、图片与颜色是需要处理与编排的三大构成要素，这三者之间的关系必须进编排的三大构成要素，这三者之间的关系必须进行一致性考虑。行一致性考虑。突出美感突出美感 在版式设计的艺术形式上，突出美感是非常在版式设计的艺术形式上，突出美感是非常重要的一条原则，即用各种手段营造出一种与重要的一条原则，即用各种手段营造出一种与内容相适应的气氛，满足读者的审美心理要求，内容相适应的气氛，满足读者的审美心理要求，使读者在轻松愉快的心境下进行阅读。使读者在轻松愉快的心境下进行阅读。版式设计类型版式设计类型1 .1 .满版型版式设计满版型版式设计 满版设计即版面不留固定白边，图像、图形满版设计即版面不留固定白边，图像、图形不受版心约束，跨余白做不受版心约束，跨余白做“出血出血”处理。处理。出血出血图像的一边或几个边充满页面，有向外扩张和图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页舒展之势。一般用于传达抒情或运动信息的页面，因为不受边框限制，感觉上与人更加接近，面，因为不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。便于情感与动感的发挥。 满版设计的主要特征是设计可根据内容和构满版设计的主要特征是设计可根据内容和构图的需要自由地发挥，强调设计个性化。图的需要自由地发挥，强调设计个性化。聚焦经典聚焦经典满版型版式设计满版型版式设计2 .2 .分割型版式设计分割型版式设计 分割型版式设计，是把整个版面分成上分割型版式设计，是把整个版面分成上下或左右两部分，分别安排图片和文字。下或左右两部分，分别安排图片和文字。这是一种比较常见的版面编排形式，其特这是一种比较常见的版面编排形式，其特点是画面中各元素容易形成平衡，结构稳点是画面中各元素容易形成平衡，结构稳当，风格平实。当，风格平实。图片和文字的编排上，往图片和文字的编排上，往往按照一定比例进行分割编排配置，给人往按照一定比例进行分割编排配置，给人以严谨、和谐、理性的美。以严谨、和谐、理性的美。 分割型版面中的两个部分会自然形成对分割型版面中的两个部分会自然形成对比，有图片的部分感性、具活力，文案部比，有图片的部分感性、具活力，文案部分则理性、平静。分则理性、平静。 聚焦经典聚焦经典分割型版式设计分割型版式设计3 .3 .倾斜型倾斜型版式设计版式设计 这是一种很有动感的构图，图中要素或这是一种很有动感的构图，图中要素或主体的放置呈倾斜状。主体的放置呈倾斜状。在版面编排中，图在版面编排中，图形或文字的主要部分向右或向左做方向倾形或文字的主要部分向右或向左做方向倾斜，使视线沿倾斜角度而由上至下或由下斜，使视线沿倾斜角度而由上至下或由下至上移动，造成一种不稳定感，吸引观者至上移动，造成一种不稳定感，吸引观者的视线。的视线。这种设计形式最大的优点在于，这种设计形式最大的优点在于，它刻意打破稳定和平衡，从而赋予图它刻意打破稳定和平衡，从而赋予图 形形或文字以强烈的结构张力和视觉动感。或文字以强烈的结构张力和视觉动感。倾倾斜型设计在构图时，版面主体形象或多幅斜型设计在构图时，版面主体形象或多幅图像、文字做倾斜编排，造成版面强烈的图像、文字做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。动感和不稳定因素，引人注目。 聚焦经典聚焦经典倾斜型版式设计倾斜型版式设计 这种版式是版面各视觉元素呈三角形排列。这种版式是版面各视觉元素呈三角形排列。在图文形象中，正三角形（金字塔型）最具稳在图文形象中，正三角形（金字塔型）最具稳定性；倒三角形则会相应地产生活泼、多变的定性；倒三角形则会相应地产生活泼、多变的感觉，易产生动感；侧三角形构成一种均衡版感觉，易产生动感；侧三角形构成一种均衡版式，既安定又动感。式，既安定又动感。 但版式设计中要注意，但版式设计中要注意，用正三角形时应避用正三角形时应避免呆板，可通过对文字和图片的处理来打破其免呆板，可通过对文字和图片的处理来打破其死板性；而用例三角形在产生动感的同时要注死板性；而用例三角形在产生动感的同时要注意其稳定性意其稳定性 4 .4 .三角型三角型版式设计版式设计聚焦经典聚焦经典三角型版式设计三角型版式设计 曲线型版式是在版面上通过线条、色曲线型版式是在版面上通过线条、色彩、形体、方向等因素有规律地变化，将图彩、形体、方向等因素有规律地变化，将图片、文字做曲线的分割或编排构成，而让人片、文字做曲线的分割或编排构成，而让人感受到韵律与节奏感。感受到韵律与节奏感。 曲线型的版式设计应具有流动、活跃、曲线型的版式设计应具有流动、活跃、动感的特点，曲线和弧形在版面上的重复组动感的特点，曲线和弧形在版面上的重复组合可以呈现流畅、轻快、富有活力的视觉效合可以呈现流畅、轻快、富有活力的视觉效果。果。曲线的变化必须遵循美的原理法则，具曲线的变化必须遵循美的原理法则，具有一定的秩序和规律，又有独特的个性。有一定的秩序和规律，又有独特的个性。 5 .5 .曲线型曲线型版式设计版式设计聚焦经典聚焦经典曲曲线线型型版版式式设设计计 自由版式将图像分散排列在页面各个部位，自由版式将图像分散排列在页面各个部位，具有自由、轻快的感觉。具有自由、轻快的感觉。在编排时，将构成在编排时，将构成要素在版面上做不规则分散状排列。会形成要素在版面上做不规则分散状排列。会形成随意、轻松的视觉效果。采用这种版式时应随意、轻松的视觉效果。采用这种版式时应注意图像的大小、主次，以及方形图、退底注意图像的大小、主次，以及方形图、退底图和出血图的配置，同时还应考虑疏密、均图和出血图的配置，同时还应考虑疏密、均衡、视觉流程等。衡、视觉流程等。 将各要素分散在版面各个部位，以各施所将各要素分散在版面各个部位，以各施所长。这种貌似随意的分散，其实包含着设计长。这种貌似随意的分散，其实包含着设计者的精心构置。者的精心构置。视点虽然分散，但整个版面视点虽然分散，但整个版面仍应给人以统一完整的感觉。仍应给人以统一完整的感觉。6 .6 .自由型自由型版式设计版式设计聚焦经典聚焦经典自由型版式设计自由型版式设计 规范的、理性的分割方法。规范的、理性的分割方法。常见的骨骼有常见的骨骼有竖向通栏、双栏、三栏和四栏等。一般以竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。竖向分栏为多。图片和文字的编排上，严格图片和文字的编排上，严格按照骨骼比例进行编排配置，给人以严谨、按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。和谐、理性的美。骨骼经过相互混合后的版骨骼经过相互混合后的版式，既理性有条理，又活泼而具有弹性。式，既理性有条理，又活泼而具有弹性。 7 .7 .骨骼型骨骼型版式设计版式设计聚焦经典聚焦经典骨骼型版式设计骨骼型版式设计8 .8 .中轴型中轴型版式设计版式设计 将图形作水平方向或垂直方向排列，将图形作水平方向或垂直方向排列，文字配置在上下或左右。文字配置在上下或左右。水平排列的水平排列的版面，给人稳定、安静、平和与含蓄版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的之感。垂直排列的版面，给人强烈的动感。动感。聚焦经典聚焦经典中轴型版式设计中轴型版式设计9 .9 .对称型对称型版式设计版式设计 对称的版式，给人稳定、理性、理对称的版式，给人稳定、理性、理性的感受。性的感受。对称分为绝对对称和相对对称分为绝对对称和相对对称。对称。一般多采用相对对称手法，以一般多采用相对对称手法，以避免过于严谨。对称一般以左右对称避免过于严谨。对称一般以左右对称居多。居多。 聚焦经典聚焦经典对称型版式设计对称型版式设计10 .10 .重心型重心型版式设计版式设计 重心型版式产生视觉焦点，使其更重心型版式产生视觉焦点，使其更加突出。加突出。有三种类型。直接以独立而有三种类型。直接以独立而轮廓分明的形象占据版面中心。轮廓分明的形象占据版面中心。向心向心视觉元素向版面中心聚拢的运动。视觉元素向版面中心聚拢的运动。离心犹如石子投入水中，产生一圈离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。一圈向外扩散的弧线的运动。 聚焦经典聚焦经典重心型版式设计重心型版式设计版式设计的编排构成版式设计的编排构成 将首行将首行放大，放大，起着引起着引导、强导、强调、活调、活泼版面泼版面的作用，的作用，成为视成为视觉焦点。觉焦点。 点的编排构成点的编排构成 空间等量空间等量的分割。的分割。将多个相将多个相似或相同似或相同的形态进的形态进行空间等行空间等量的分割，量的分割，以获得秩以获得秩序美。序美。 线的编排构成线的编排构成 面以点的面以点的放大、点放大、点的密集或的密集或线的重复线的重复等形式而等形式而呈现，结呈现，结实、肯定、实、肯定、大方，起大方，起着烘托和着烘托和丰富版面丰富版面空间层次空间层次的作用。的作用。 面的编排构成面的编排构成小小 结结 本次课主要是让大家知悉版式设本次课主要是让大家知悉版式设计的基本概念和发展史，了解它所计的基本概念和发展史，了解它所涉及的各个行业和与之相对应的工涉及的各个行业和与之相对应的工作岗位。学习制作版式设计的基本作岗位。学习制作版式设计的基本流程，并学会正确解读一幅好的版流程，并学会正确解读一幅好的版式设计作品。式设计作品。 希望通过这门课程的学习，能够希望通过这门课程的学习，能够对大家以后的学习和工作有所帮助！对大家以后的学习和工作有所帮助！ 为自己设计一张漂亮可行的课程表，图片自选，文字自理、为自己设计一张漂亮可行的课程表，图片自选，文字自理、尺寸自定。尺寸自定。 要求：图文并用，版面编排要有形式美感，色彩搭配合理，可用电脑要求：图文并用，版面编排要有形式美感，色彩搭配合理，可用电脑软件辅助设计，完成后上交软件辅助设计，完成后上交JPG文件。文件。 实践：新年新计划实践：新年新计划课程表课程表设计设计