版式设计-版式的基本类型课件

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

每当翻开一本版式明快，色彩跳跃，文字流畅设计精2内容：骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型、等13种。内容：31骨格型

规范的、理性的分割方法。常见的骨格有－竖向通栏、

双栏、三栏和四栏等。一般以竖向分栏为多。图片和文

字的编排上，严格按照骨格比例进行编排配置，给人以

严谨、和谐、理性的美。骨格经过相互混合后的版式，

既理性有条理，又活泼而具有弹性。1骨格型

规范的、理性的分割方法。常见的骨格有－竖向通栏4版式设计---版式的基本类型课件5在编排设计学中，同样存在与其它学科类似的问题，即是：如何借助一定手段或方法来引喻、提示本学科内在的基本原理。而骨格概念与编排设计版面构成之间有着极为类似的机理特性于是，“骨格”的自然的被引用到编排设计学中来，阐释编排设计学中，关于版面内视觉图形元素间的构成关系。在编排设计学中，同样存在与其它学科类似的问题，即是：6版式设计---版式的基本类型课件7骨格与视觉图元版面内视觉图元的基本特征：⑴段落文字：有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中，处较后的位置，一般在版面中以“面”的形态出现。具体影响其信息传递力度的主要因素包括：字体、字号、颜色、背景、字间距、行间距、段落间距、段首设置、文本宽度等。⑵标题文字：一般信息传递秩序中，处最前位置，是版面的核心内容，是点题内容。另外标题文字在版面编排中，根据不同应用领域的具体要求，随着不同的信息传递秩序。例如龙图像表意等招帖设计中，往往是以“形”表意，标题只是起到点题的作用，因此在信息传递秩序中在图形（图像）之后。具体影响标题文字、信息传递力度的主要因素包括在字体、字号、色彩、背景、字间距或文字组织排列规律等。其在版面编排中往往以“点”或“线”的形态出现。⑶图像：一般来说，是版面信息中最容易以直接、有效传达信息。在版面中视图像的应用要求，图像的出现可以出现在信息传递秩序中的不同位置，是可变因素最大的视觉图元。因此在编排设计过程中，也应视其具体要求而适时处理好其信息传达力度。影响图像信息的因素主要是：图像大小、色彩、背景、外形特征、图像色度变化，以及图像本身的艺术感染力等。⑷几何图示：骨格与视觉图元版面内视觉图元的基本特征：8骨格网决定了基本形在构图中彼此的关系。有时，骨格也成为形象的一部分，骨格的不同变化会使整体构图发生变化。骨格分为：1.规律性骨格：规律性骨格有精确严谨的骨格线，有规律的数字关系，基本形按照骨格排列，有强烈的秩序感。主要有重复、渐变、发射等骨格。

骨格网决定了基本形在构图中彼此的关系。有时9重复骨格中的基本形

骨格通常决定基本形的位置，但可作灵活的变动。如基本形方向的任意变动，骨格单位内基本形的位置的灵活采用，和基本形的大小的自由选定等重复骨格中的基本形

骨格通常决定基本形的位置，但可作灵活的变10版式设计---版式的基本类型课件11骨骼与基本形相叠

有作用性的骨骼或可见的骨骼线可与基本形相叠，产生覆叠或透叠的关系。骨骼与基本形相叠

有作用性的骨骼或可见的骨骼线可与基本形相叠12发射骨骼与自然现象

许多植物的生长方式，如树木与花卉等等，常具有发射结构。所谓发光体都具有发射骨骼。自然界的中心发射现象，只要留心观察，是艰容易寻找的。

发射骨骼与自然现象

许多植物的生长方式，如树木与花卉等131．离心式由发射中心向四周发射。骨骼线或直或曲，或弧线型，或发射线不连接，以及中心迁移与多发射。

图1

图2

图3

图41．离心式由发射中心向四周发射。骨骼线或直或曲，或弧线型，或14版式设计---版式的基本类型课件152．向心式骨骼线由各个方向朝中心迫近，其实它正是向离心式发射的反转而已

图7

图6

图5

2．向心式骨骼线由各个方向朝中心迫近，其实它正是向离心16版式设计---版式的基本类型课件173．同心式骨骼线层层环绕中心。骨骼线可以是曲线、方型、螺旋型等等。

图7

图83．同心式骨骼线层层环绕中心。骨骼线可以是曲线、方型、螺旋型18发射与重复重复骨骼可叠入发射骨骼。发射也可成为一种基本形而重复，或渐变地纳入重复骨骼内。相同的发射基本形可彼此覆盖，透叠或联结。发射与重复19版式设计---版式的基本类型课件20发射与渐变渐变骨格可叠入发射骨骼，发射也可成为基本形而纳入渐变骨骼中。（如图）

任何规律性的发射骨格，都可以渐变为不规律的较自由的发射骨格。

发射与渐变21版式设计---版式的基本类型课件22版式设计---版式的基本类型课件23发射骨骼中基本形

基本形纳入发射骨骼，其性质可分为四种：

发射骨骼中基本形

基本形纳入发射骨骼，其性质可分为24a．用线作基本形即骨骼线成为可见的线，或各组线分别纳入各骨骼单位里。a．用线作基本形即骨骼线成为可见的线，或各组线分别纳入各骨骼25b．非作用性骨骼中的基本形非作用性骨骼线引导各基本形依次排列。基本形可以重复、渐变或近似。b．非作用性骨骼中的基本形非作用性骨骼线引导各基本形依次排列26版式设计---版式的基本类型课件27c．作用性骨骼中的基本形作用性骨骼除确定各基本形位置外，并将背景分割或逾线的基本形切除。c．作用性骨骼中的基本形作用性骨骼除确定各基本形位置外，并将28d．特大的基本形如基本形面积过大，超越任何的骨骼单位，甚至盖住发射中心，则此类基本形可由非作用性骨骼编排其位置及方向。d．特大的基本形如基本形面积过大，超越任何的骨骼单位，甚至盖292.非规律性骨格：非规律性骨格一般没有严谨的骨格线，构成方式比较自由。

2.非规律性骨格：30版式设计---版式的基本类型课件313.作用性骨格：作用性骨格是使基本形彼此分成各自单位的界线，骨格给形象准确的空间，基本形在骨格单位内可自由改变位置、方向、正负，甚至越出骨格线。它是骨骼线将画面面积分割成若干具有相对独立性的骨骼单位，形成多元性的空间。基本形移出骨骼单位便受到分割。这种骨骼里，基本形不一定被固定在每一骨骼单位中，且基本形的数目及方向在每一骨骼单位中可做变化。但完成后的画面必须能显示出骨骼线的存在。（如图）

3.作用性骨格：324.非作用性骨格：非作用性骨格是概念性的，非作用性骨格线有助于基本形的排列组织，但不会影响它们的形状，也不会将空间分割为相对独立的骨格单位。

4.非作用性骨格：33版式设计---版式的基本类型课件345.重复性骨格：是指骨格线分割的空间单位在形状、大小上完全相同，它是最有规律性的骨格，基本形按骨格连续性的排列。在各种规律性的骨骼中，重复骨骼是最常见的一种。只要平均分割空间，就会得到重复骨骼。

如果将构成骨骼的两大基本元素（即垂直线与水平线）加以变动就可得到下面几种骨骼形状。

5.重复性骨格：35版式设计---版式的基本类型课件36第一种变动：

1．宽窄变动将骨骼线的宽窄加以变动，形成骨骼各组的空间变化。

第一种变动：372．方向变动将垂直或水平的骨骼线变成斜线。只改变其中一种线的方向，称为单元方向变动。而将两种线同时变动，称为双方方向变动。（图2）

2．方向变动将垂直或水平的骨骼线变成斜线。只改变其中一种383．线质变动是将水平、垂直的直线变为弧线、曲线等，称为线质变动。（图3）

3．线质变动是将水平、垂直的直线变为弧线、曲线等，称为线质变39版式设计---版式的基本类型课件404．线质、方向、宽窄的混合变动。4．线质、方向、宽窄的混合变动。41第二种变动：将骨骼的单位或合M而一、或一分为M地联合与分离变动。第二种变动：42第三种变动：

将骨骼线的水平线或垂直线，作分类的迁移的变动。第三种变动：43骨格的效果欣赏骨格的效果欣赏44版式设计---版式的基本类型课件45版式设计---版式的基本类型课件46对于广告设计原理而言，骨格其实就是广告版面构成中的栅格。我们在构成设计中常常借助于骨格，骨格有助于我们排列基本形，使之成为有规律、有秩序的构成。骨格决定了基本形在构图中彼此的关系。有时，骨格也成为形象的一部分，骨格的不同变化会使整体构图发生变化。对于广告设计原理而言，骨格其实就是广告版面构成中的栅格。我们472.满版型

版面以图像充满整版，主要

以图像为诉示，视觉传达直

观而强烈。文字配置压置在

上下、左右或中部(边部和

中心)的图像上。满版型，

给人大方、舒展的感觉。是

商品广告常用的形式。

2.满版型

版面以图像充满整版，主要

48版式设计---版式的基本类型课件49版式设计---版式的基本类型课件50版式设计---版式的基本类型课件513.上下分割型整个版面分成上下两部分，在上半部或下半部配置图片(可以是单幅或多幅)，另一部分则配置文字。图片部分感性而有活力，而文字则理性而静止。

3.上下分割型52版式设计---版式的基本类型课件53版式设计---版式的基本类型课件544.左右分割型

整个版面分割为左右两部分

分别配置文字和图片。左右

两部分形成强弱对比时，造

成视觉心理的不平衡。这仅

是视觉习惯(左右对称)上的

问题，不如上下分割型的视

觉流程自然。如果将分割线

虚化处理，或用文字左右重

复穿插，左右图与文会变得

自然和谐。

4.左右分割型

整个版面分割为左右两部分55版式设计---版式的基本类型课件565.中轴型

将图形作水平方向或垂直方

向排列，文字配置在上下或

左右。水平排列的版面，给

人稳定、安静、平和与含蓄

之感。垂直排列的版面，给

人强烈的动感。

5.中轴型

将图形作水平方向或垂直方

57版式设计---版式的基本类型课件58

6.曲线型

图片和文字，排列成曲线，

产生韵律与节奏的感觉。

6.曲线型

图片和文字，排列成曲线，

59版式设计---版式的基本类型课件607.倾斜型版面主体形象或多幅图像倾斜编排，造成版面强烈动感和不稳定因素，引人注目。

7.倾斜型61版式设计---版式的基本类型课件62版式设计---版式的基本类型课件63版式设计---版式的基本类型课件648.对称型

对称的版式，给人稳定、理

性、理性的感受。对称分为

－绝对对称和相对对称。一

般多采用相对对称手法，以

避免过于严谨。对称一般以

左右对称居多。8.对称型

对称的版式，给人稳定、理

65版式设计---版式的基本类型课件66版式设计---版式的基本类型课件67版式设计---版式的基本类型课件689.重心型

重心型版式产生视觉焦点，

使其更加突出。

有三种类型

1、直接以独立而轮廓分明的形

象占据版面中心。

2、向心－视觉元素向版面中心

聚拢的运动。

3、离心－犹如石子投入水中，

产生一圈一圈向外扩散的弧

线的运动。

9.重心型

重心型版式产生视觉焦点，

使其更加691、直接以独立而轮廓分明的形

象占据版面中心。1、直接以独立而轮廓分明的形

象占据版面中心。70版式设计---版式的基本类型课件71版式设计---版式的基本类型课件72版式设计---版式的基本类型课件732、向心－视觉元素向版面中心

聚拢的运动。2、向心－视觉元素向版面中心

聚拢的运动。743、离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。3、离心