构图与版面设计.docx

构图与版面设计.docx

《构图与版面设计.docx》由会员分享，可在线阅读，更多相关《构图与版面设计.docx（16页珍藏版）》请在冰豆网上搜索。

构图与版面设计

第四章构图与版面设计

4．1版式

项目名称：

版式

工作任务：

收集20张不同类型的海报，将其按构图特点进行分类。

项目时间：

4课时

职业能力：

了解版式设计的理性思维，掌握版式设计的原则，能清晰的区分常用的版式设计手法。

项目过程：

第一节课，收集在版式与构图上具有特点的海报。

学习要求：

了解版式设计、掌握版式设计的原则，对不同的版式设计方法有基本的认识。

课程分析：

版式设计是电脑美工的基本课程与知识，建议多从模仿优秀的版式作品开始入手，直到将版式的基本原则与方法完全掌握熟练。

4.1.1什么是版式设计

版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。

版式设计可以说是现代设计者所必备的基本功之一。

　　所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。

将理性思维，个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。

传达信息的同时，也产生感官上的美感。

版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域．

4.1.2版式设计的原则

1、主题鲜明突出　

版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。

　按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。

将文案中的多种信息作整体编排设计，有助于主体形象的建立。

在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。

2、形式与内容统一　

版式设计的前提－版式所追求的完美形式必须符合主题的思想内容。

通过完美、新颖的形式，来表达主题。

　没有文字的版面，最难设计。

3、强化整体布局　

强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。

加强整体的结构组织和方向视觉秩序。

如水平结构、垂直结构、斜向结构、曲线结构。

加强文案的集合性。

将文案中的多种信息合成块状，使版面具有条理性。

加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。

按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。

将文案中的多种信息作整体编排设计，有助于主体形象的建立。

在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。

强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。

加强整体的结构组织和方向视觉秩序。

如水平结构、垂直结构、斜向结构、曲线结构。

加强文案的集合性。

将文案中的多种信息合成块状，使版面具有条理性。

加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。

4.1.3版式的基本类型

版式设计可以分为：

骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。

骨

格

型

骨格型：

规范的、理性的分割方法。

常见的骨格有－竖向通栏、双栏、三栏和四栏等。

一般以竖向分栏为多。

图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。

骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。

图4-1

图4-2

图4-3

图4-4

满

版

型

满版型：

给人大方、舒展的感觉。

是商品广告常用的形式。

版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。

文字配置压置在上下、左右或中部（边部和中心）的图像上。

图4-5

图4-6

图4-7

上

下

分

割

型

上下分割型：

整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。

图片部分感性而有活力，而文字则理性而静止。

图4-8

图4-9

图4-10

图4-11

左

右

分

割

型

左右分割型：

整个版面分割为左右两部分，分别配置文字和图片。

左右两部分形成强弱对比时，造成视觉心理的不平衡。

这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。

如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。

图4-12

图4-13

图4-14

图4-15

中

轴

型

中轴型:

将图形作水平方向或垂直方向排列，文字配置在上下或左右。

水平排列的版面，给人稳定、安静、平和与含蓄之感。

垂直排列的版面，给人强烈的动感。

图4-16

图4-17

图4-18

曲

线

型

曲线型：

图片和文字，排列成曲线，产生韵律与节奏的感觉。

图4-19

图4-20

图4-21

图4-22

倾

斜

型　

倾斜型：

版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

图4-23

图4-24

图4-25

图4-26

对

称

型

对称型：

对称的版式，给人稳定、理性、理性的感受。

对称分为－绝对对称和相对对称。

一般多采用相对对称手法，以避免过于严谨。

对称一般以左右对称居多。

图4-27

图4-28

图4-29

重

心

型　

重心型：

版式产生视觉焦点，使其更加突出。

有三种类型

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

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

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

图4-30

图4-31

图4-32

图4-33

三

角

型

三角型：

在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。

图4-34

图4-35

图4-36

并

置

型　

并置型：

将相同或不同的图片作大小相同而位置不同的重复排列。

并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

图4-37

图4-38

图4-39

自

由

型　

自由型：

无规律的、随意的编排构成。

有活泼、轻快的感觉。

图4-40

图4-41

图4-42

图4-43

四

角

型

四角型：

版面四角以及连接四角的对角线结构上编排图形。

给人严谨、规范的感觉。

图4-44

图4-45

图4-46

职业能力训练：

收集5张使用不同排版原则的海报，并在素描本上将其的构图与排版规律勾画出来。

图4-49

图4-50

职业能力训练：

在收集到的素材中找出最能表现点、线、面设计特点的版式设计。