版式设计版式的基本类型.ppt

1、版式设计版式设计 -版式的基本类型版式的基本类型12345691012111387 每当翻开一本版式明快，色彩跳跃，文字流畅每当翻开一本版式明快，色彩跳跃，文字流畅设计精美的杂志，你都有一种爱不释手的感觉，设计精美的杂志，你都有一种爱不释手的感觉，即使你对其中的文字内容并没有什么兴趣，有些即使你对其中的文字内容并没有什么兴趣，有些精致的广告也能吸引住你。精致的广告也能吸引住你。-这就是平面设计这就是平面设计的的 魅力魅力，它能把一种，它能把一种 概念，一种概念，一种 思想思想 通过精通过精美的美的 构图、版式构图、版式 和和 色彩，传达给看到它的人。色彩，传达给看到它的人。其实只要掌握一些平面

2、设计的规律，灵活运用，其实只要掌握一些平面设计的规律，灵活运用，我们也能做出美妙的设计。我们也能做出美妙的设计。内容：内容：骨格型骨格型、满版型满版型、上下分割型上下分割型、左右分割型、左右分割型、中轴型中轴型、曲线型曲线型、倾斜型倾斜型、对称型对称型、重心型重心型、三角型三角型、并置型并置型、自由型自由型、四角型四角型、等等13种。种。1骨格型骨格型规范的、理性的分割方法。规范的、理性的分割方法。常见的骨格有竖向通栏、常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨格比例进行编排配置，给人以字的编排上

3、，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。骨格经过相互混合后的版式，严谨、和谐、理性的美。骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。既理性有条理，又活泼而具有弹性。在编排设计学中，同样存在与其它学科类似的问在编排设计学中，同样存在与其它学科类似的问题，即是：题，即是：如何借助一定手段或方法来引喻、提示本学科内如何借助一定手段或方法来引喻、提示本学科内在的基本原理。而骨格概念与编排设计版面构成在的基本原理。而骨格概念与编排设计版面构成之间之间 有着极为类似的机理特性有着极为类似的机理特性 于是，于是，“骨格骨格”的自然的被引用到编排设计的自然的被引用到编排设计学

4、中来，阐释编排设计学中，关于版面内视觉图学中来，阐释编排设计学中，关于版面内视觉图形元素间的构成关系。形元素间的构成关系。骨格与视觉图元骨格与视觉图元 版面内视觉图元的基本特征：版面内视觉图元的基本特征：段落文字：段落文字：有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中，有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中，处较后的位置，一般在版面中以处较后的位置，一般在版面中以“面面”的形态出现。具体影响其信的形态出现。具体影响其信息传递力度的主要因素包括：字体、字号、颜色、背景、字间距、息传递力度的主要因素包括：字体、字号、颜色、背景、字间距、行间距、段落间距、段首设置、

5、文本宽度等。行间距、段落间距、段首设置、文本宽度等。标题文字：标题文字：一般信息传递秩序中，处最前位置，是版面的核心内容，是点题内一般信息传递秩序中，处最前位置，是版面的核心内容，是点题内容。另外标题文字在版面编排中，根据不同应用领域的具体要求，容。另外标题文字在版面编排中，根据不同应用领域的具体要求，随着不同的信息传递秩序。例如龙图像表意等招帖设计中，往往是随着不同的信息传递秩序。例如龙图像表意等招帖设计中，往往是以以“形形”表意，标题只是起到点题的作用，因此在信息传递秩序中表意，标题只是起到点题的作用，因此在信息传递秩序中在图形（图像）之后。具体影响标题文字、信息传递力度的主要因在图形（图

6、像）之后。具体影响标题文字、信息传递力度的主要因素包括在字体、字号、色彩、背景、字间距或文字组织排列规律等。素包括在字体、字号、色彩、背景、字间距或文字组织排列规律等。其在版面编排中往往以其在版面编排中往往以“点点”或或“线线”的形态出现。的形态出现。图像：图像：一般来说，是版面信息中最容易以直接、有效传达信息。在版面一般来说，是版面信息中最容易以直接、有效传达信息。在版面中视图像的应用要求，图像的出现可以出现在信息传递秩序中的不中视图像的应用要求，图像的出现可以出现在信息传递秩序中的不同位置，是可变因素最大的视觉图元。因此在编排设计过程中，也同位置，是可变因素最大的视觉图元。因此在编排设计过

7、程中，也应视其具体要求而适时处理好其信息传达力度。影响图像信息的因应视其具体要求而适时处理好其信息传达力度。影响图像信息的因素主要是：图像大小、色彩、背景、外形特征、图像色度变化，以素主要是：图像大小、色彩、背景、外形特征、图像色度变化，以及图像本身的艺术感染力等。及图像本身的艺术感染力等。几何图示：几何图示：骨格网决定了基本形在构图中彼此的关系。有时，骨格也成为形象骨格网决定了基本形在构图中彼此的关系。有时，骨格也成为形象的一部分，骨格的不同变化会使整体构图发生变化。的一部分，骨格的不同变化会使整体构图发生变化。骨格分为：骨格分为：1.规律性骨格：规律性骨格：规律性骨格有精确严谨的骨格线，有

8、规律的数字关系，基本形按照骨规律性骨格有精确严谨的骨格线，有规律的数字关系，基本形按照骨格排列，有强烈的秩序感。格排列，有强烈的秩序感。主要有主要有重复、渐变、发射重复、渐变、发射等骨格。等骨格。重复骨格中的基本形重复骨格中的基本形骨格通常决定基本形的位置，但可作灵活的变动。如基本骨格通常决定基本形的位置，但可作灵活的变动。如基本形方向的任意变动，骨格单位内基本形的位置的灵活采用，形方向的任意变动，骨格单位内基本形的位置的灵活采用，和基本形的大小的自由选定等和基本形的大小的自由选定等 骨骼与基本形相叠骨骼与基本形相叠有作用性的骨骼或可见的有作用性的骨骼或可见的骨骼线可与基本形相叠，骨骼线可与基

9、本形相叠，产生覆叠或透叠的关系。产生覆叠或透叠的关系。发射骨骼与自然现象发射骨骼与自然现象许多植物的生长方式，如树木与花卉等等，许多植物的生长方式，如树木与花卉等等，常具有发射结构。所谓发光体都具有发射常具有发射结构。所谓发光体都具有发射骨骼。自然界的中心发射现象，只要留心骨骼。自然界的中心发射现象，只要留心观察，是艰容易寻找的。观察，是艰容易寻找的。1离心式离心式-由发射中心向四周发射。骨骼线或直或由发射中心向四周发射。骨骼线或直或曲，或弧线型，或发射线不连接，以及中心迁移曲，或弧线型，或发射线不连接，以及中心迁移与多发射。与多发射。图1 图2 图3 图4 2向心式向心式-骨骼线由各个方向朝

10、中心迫近，骨骼线由各个方向朝中心迫近，其实它正是向离心式发射的反转而已其实它正是向离心式发射的反转而已图7图6图53同心式同心式-骨骼线层层环绕中心。骨骼线可骨骼线层层环绕中心。骨骼线可以是曲线、方型、螺旋型等等。以是曲线、方型、螺旋型等等。图7 图8发射与重复发射与重复 重复骨骼可叠入发射骨骼。发射也可成为一种基本形而重复，或渐变地纳入重复骨骼内。相同的发射基本形可彼此覆盖，透叠或联结。发射与渐变 渐变骨格可叠入发射骨骼，发射也可成为基本形而纳入渐变骨骼中。（如图）任何规律性的发射骨格，都可以渐变为不规律的较自由的发射骨格。发射骨骼中基本形发射骨骼中基本形基本形纳入发射骨骼，其性质可分为基本

11、形纳入发射骨骼，其性质可分为 四种：四种：a用线作基本形用线作基本形-即骨骼线成为可见的线，即骨骼线成为可见的线，或各组线分别纳入各骨骼单位里。或各组线分别纳入各骨骼单位里。b非作用性骨骼中的基本形非作用性骨骼中的基本形-非作用性骨骼线引导非作用性骨骼线引导各基本形依次排列。基本形可以重复、渐变或近各基本形依次排列。基本形可以重复、渐变或近似。似。c作用性骨骼中的基本形作用性骨骼中的基本形-作用性骨骼除确作用性骨骼除确定各基本形位置外，并将背景分割或逾线定各基本形位置外，并将背景分割或逾线的基本形切除。的基本形切除。d特大的基本形特大的基本形-如基本形面积过大，超越任何的如基本形面积过大，超越

12、任何的骨骼单位，甚至盖住发射中心，则此类基本形可骨骼单位，甚至盖住发射中心，则此类基本形可由非作用性骨骼编排其位置及方向。由非作用性骨骼编排其位置及方向。2.非规律性骨格：非规律性骨格：非规律性骨格一般没有严谨的骨格线，构成方式非规律性骨格一般没有严谨的骨格线，构成方式比较自由。比较自由。3.作用性骨格：作用性骨格：作用性骨格是使基本形彼此分作用性骨格是使基本形彼此分成各自单位的界线，骨格给形象成各自单位的界线，骨格给形象准确的空间，基本形在骨格单位准确的空间，基本形在骨格单位内可自由改变位置、方向、正负，内可自由改变位置、方向、正负，甚至越出骨格线。甚至越出骨格线。它是骨骼线将画面面积分它是

13、骨骼线将画面面积分割成若干具有相对独立性的割成若干具有相对独立性的骨骼单位，形成多元性的空骨骼单位，形成多元性的空间。基本形移出骨骼单位便间。基本形移出骨骼单位便受到分割。这种骨骼里，基受到分割。这种骨骼里，基本形不一定被固定在每一骨本形不一定被固定在每一骨骼单位中，且基本形的数目骼单位中，且基本形的数目及方向在每一骨骼单位中可及方向在每一骨骼单位中可做变化。但完成后的画面必做变化。但完成后的画面必须能显示出骨骼线的存在。须能显示出骨骼线的存在。（如图）（如图）4.非作用性骨格非作用性骨格：非作用性骨格是概念性的，非作用性骨格线有助非作用性骨格是概念性的，非作用性骨格线有助于基本形的排列组织，

14、但不会影响它们的形状，于基本形的排列组织，但不会影响它们的形状，也不会将空间分割为相对独立的骨格单位。也不会将空间分割为相对独立的骨格单位。5.重复性骨格：重复性骨格：是指骨格线分割的空间单位在形状、大小上完是指骨格线分割的空间单位在形状、大小上完全相同，它是最有规律性的骨格，基本形按骨格全相同，它是最有规律性的骨格，基本形按骨格连续性的排列。连续性的排列。在各种规律性的骨骼中，重复骨骼是最常见的在各种规律性的骨骼中，重复骨骼是最常见的一种。只要平均分割空间，就会得到重复骨骼。一种。只要平均分割空间，就会得到重复骨骼。如果将构成骨骼的两大基本元素（即垂直线与如果将构成骨骼的两大基本元素（即垂直

15、线与水平线）加以变动就可得到下面几种骨骼形状。水平线）加以变动就可得到下面几种骨骼形状。第一种变动：1宽窄变动-将骨骼线的宽窄加以变 动，形成骨骼各组的空间变化。2方向变动-将垂直或水平的骨骼线变成斜线。只改变其中一种线的方向，称为单元方向变动。而将两种线同时变动，称为双方方向变动。（图2）3线质变动-是将水平、垂直的直线变为弧线、曲线等，称为线质变动。（图 3）4线质、方向、宽窄的混合变动。第二种变动：第二种变动：将骨骼的单位或合将骨骼的单位或合M而一、或一分为而一、或一分为M地联合与地联合与分离变动。分离变动。第三种变动：将骨骼线的水平线或垂直线，作分类的迁移的变动。骨格的效果欣赏骨格的效

16、果欣赏 对于广告设计原理而言，骨格其实就是广告版面构成中的栅格。我们在构成设计中常常借助于骨格，骨格有助于我们排列基本形，使之成为有规律、有秩序的构成。骨格决定了基本形在构图中彼此的关系。有时，骨格也成为形象的一部分，骨格的不同变化会使整体构图发生变化。2.满版型满版型 版面以图像充满整版，主要版面以图像充满整版，主要 以图像为诉示，视觉传达直以图像为诉示，视觉传达直 观而强烈。文字配置压置在观而强烈。文字配置压置在 上下、左右或中部上下、左右或中部(边部和边部和 中心中心)的图像上。满版型，的图像上。满版型，给人大方、舒展的感觉。是给人大方、舒展的感觉。是 商品广告常用的形式。商品广告常用的

17、形式。3.上下分割型上下分割型 整个版面分成上下两部分，整个版面分成上下两部分，在上半部或下半部配置图片在上半部或下半部配置图片(可以是单幅或多幅可以是单幅或多幅)，另一，另一部分则配置文字。图片部分部分则配置文字。图片部分感性而有活力，而文字则理感性而有活力，而文字则理性而静止。性而静止。4.左右分割型左右分割型 整个版面分割为左右两部分整个版面分割为左右两部分 分别配置文字和图片。左右分别配置文字和图片。左右 两部分形成强弱对比时，造两部分形成强弱对比时，造 成视觉心理的不平衡。这仅成视觉心理的不平衡。这仅 是视觉习惯是视觉习惯(左右对称左右对称)上的上的 问题，不如上下分割型的视问题，不

18、如上下分割型的视 觉流程自然。如果将分割线觉流程自然。如果将分割线 虚化处理，或用文字左右重虚化处理，或用文字左右重 复穿插，左右图与文会变得复穿插，左右图与文会变得 自然和谐。自然和谐。5.中轴型中轴型 将图形作水平方向或垂直方将图形作水平方向或垂直方 向排列，文字配置在上下或向排列，文字配置在上下或 左右。水平排列的版面，给左右。水平排列的版面，给 人稳定、安静、平和与含蓄人稳定、安静、平和与含蓄 之感。垂直排列的版面，给之感。垂直排列的版面，给 人强烈的动感。人强烈的动感。6.曲线型曲线型 图片和文字，排列成曲线，图片和文字，排列成曲线，产生韵律与节奏的感觉。产生韵律与节奏的感觉。7.倾

19、斜型倾斜型 版面主体形象或多幅图像版面主体形象或多幅图像倾斜编排，造成版面强烈倾斜编排，造成版面强烈动感和不稳定因素，引人动感和不稳定因素，引人注目。注目。8.对称型对称型 对称的版式，给人稳定、理对称的版式，给人稳定、理 性、理性的感受。对称分为性、理性的感受。对称分为 绝对对称和相对对称。一绝对对称和相对对称。一 般多采用相对对称手法，以般多采用相对对称手法，以 避免过于严谨。对称一般以避免过于严谨。对称一般以 左右对称居多。左右对称居多。9.重心型 重心型版式产生视觉焦点，使其更加突出。有三种类型 1、直接以独立而轮廓分明的形 象占据版面中心。2、向心视觉元素向版面中心 聚拢的运动。3、

20、离心犹如石子投入水中，产生一圈一圈向外扩散的弧 线的运动。1、直接以独立而轮廓分明的形 象占据版面中心。2、向心视觉元素向版面中心 聚拢的运动。3、离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。10.三角型 在圆形、矩形、三角形等基 本图形中，正三角形(金字 塔形)最具有安全稳定因素。11.并置型 将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。12.自由型 无规律的、随意的编排构成。有活泼、轻快的感觉。NoImageNoImageNoImageNoImage 13.四角型 版面四角以及连接四角的对 角线结构上编排图形。给人 严谨、规范的感觉。NoImage