版式设计课程笔记

版式设计（课程笔记）

第一章版式设计概述

版式设计是平面设计中重要的组成部分，也是一切视觉传达艺术施展的大舞台。广泛应用于报纸广告、招贴、书刊、直邮广告（DM）、企业形象设计和网页所有平面和影像的领域。版式设计已成为人们理解时代和认同社会的重要界面。

版式设计的概念

版式设计是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点，运用各视觉要素和构成要素，将各种文字图形及其他视觉形象加以组合编排、进行表现的一种视觉传达设计方法。

第二章版式设计的构成要素

•点在版式设计中的构成

•线在版式设计中的构成

•面在版式设计中的构成

点、线、面是版面空间的构成元素，在版面中类似于点、线、面的图形、文字及视觉元素都可以称之为点、线、面。版式设计实际上就是如何经营好点、线、面。不管版面多么的复杂，但最终可以简化到点、线、面上来。

一、点在版式设计中的构成

点的大小是相对的。它是由形状、方向、大小、位置等构成的。这种聚散的排列与组合，带给人不同的心理感应。

1、点的大小

注意：点的大小能改变整个版面的风格和效果，设计时应视当前版面的内容和风格而定。2、点的位置

当点居于页面的中心时，主题显得特别突出。左右两页形成的对称，显得画面稳定、严谨、讲究。

当点居于页面上部的时候，视线向上移动，页面中其它内容会有下沉的感觉。由于视线向页面上方调整，页面上方的重心加强，引人关注。

当点居于页面左部的位置，视线会不自觉向页面左边偏移。这样符合人们的视觉习惯：从左到右

当“点”居于页面右边位置，会打破人们视觉流程习惯，视觉重心会自然的向右偏移。在左边的点起到了优先影响视觉的作用。

3、点的分布

点的排列能够使版面产生不同的心理效应，把握点排列的方向、形式、大小、数量变化及空间分布，可以形成活泼、轻巧、稳重等不同的版面效果。

二、线在版式设计中的构成

线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它独特的个性和情感存在着。将各种不同的线运用到版式设计中去，就会获得各种不同的效果。

1、线与点的关系

线是点的发展和延伸，线的影响力大于点，线可以将点这个独立体统一起来，让点的效果得到延伸。

注意：点与点之间的距离（稀疏效果），决定了这条线的轨迹和清晰度。

1、线的性格

不同的长短、粗细、疏密、方向、肌理和形状的线产生了不同的心理效应

垂直线：富有生命力、力度感和伸展感。

水平线：稳定感、平静感、略显呆板。

自由曲线：自由、潇洒、随意、优美。

几何曲线：弹力、均衡、体现规则美。

斜线：富于运动感，动态和方向感较强。

折线：方面变化丰富，易形成空间感。

细线：精致、挺拔、锐利。

粗线：壮实、敦厚。

2、线的空间分割

以线对图形分割的时候需要考虑版面中各元素之间的联系，同时根据内容划分主次关系、呼应关系和形式关系，以保证良好的视觉秩序感。

3、线的空间力场

力场是一种虚拟出来的空间，版面中的力场是通过线在版面中的分割产生的，在版面中通过线将图片、文字进行规划和整理，从而产生力场。

4、线的空间约束力

线有较强的空间约束能力，根据版面来改变线条的形态以满足需要。

线框细，版面则轻快有弹性；

线框粗，有被强调的感觉，并可以引导视线。

线框过粗，在稳定版面的同时显得过于呆板。

三、面在版式设计中的构成

面在空间上所占的面积最多，因而在视觉的力度上比点和线来得强烈。面可分为几何形和自由形两大类。因此在设计中要把握相互间的整体和谐，才能产生具有美感的视觉形式。

1、点线面之间的空间关系

点线面的界限不是清晰和严格的，是可以互相转化的。

2、面与色彩的空间关系

白色是纸张默认色，也可以理解为面，但往往被忽视。在视觉上，白色和其他颜色面积相同时，其他颜色感觉比白色面积大些。

此外在白色页面中，深色和鲜艳颜色的面最能引起人们的注意。

在使用背景色中，使用对比色是构成强烈色彩效果的方法之一。（黄和兰、紫和绿、红和青、任何色彩和黑白灰、深色和浅色、冷色和暖色、亮色和暗色。）

四、版式设计中黑、白、灰的空间构成

黑、白、灰在版式设计中也是一种点、线、面因素的构成。黑、白、灰是对世界异彩缤纷的抽象概括。在版面构成中，一般感觉最敏锐的是白色，最迟钝的是灰色，介于两者之间的是黑色。白色是近景、黑色是中景、灰色是远景。黑、白、灰对比编排，单纯醒目，最能保存远距离的视觉冲击力。

通过黑白灰的空间层次体现出“假空间”的版面效果，黑色、白色、灰色分别代表一个块面，因此

形成了虚拟的三维空间。

可能遇到的问题————

文字量很大，不能很好的强调重点

该怎样解决？

【在需要突出重点的文字下增加和底色差别较大的色块】

面已经占有很大面积，但是周围却很空

该怎样解决？

【在画面中增加可以随意调整的点和具有韵律感的线】

线条很多，会不会造成画面的杂乱感？

该怎样解决？

【将线条统一在一个颜色中，并且将解释说明的文字也以线的形式进行表现】

在面占有版面重要位置的时候，不能很好的表现点和线

该怎样解决？

【将面统一在一个色调中，使用差别较大的颜色展示点、线】

第三章选择样式

视觉度

跳跃率

图版率

一、样式效果

选择适合表达内容的样式，是决定设计成功的重要因素。错误的样式不能正确的传达信息。

•通过放大名字的大小、改变组合方式，就能改变名片给人带来的印象。

二、样式的要素

1、视觉度

除了文字以外，版面中的图片或图形所带来的视觉冲击力叫做视觉度。不同类型的图片和图形产生的差异很大。

文字和图的重心放在版面中间，是“居中式”的组合方式。与上图相比，更有高品质感。

一般来说，人类具有最强的表现力，尤其是脸部。最弱的是云、海等风景，它们能让人们情绪平静。

结论：

（1）当版面传达含蓄、有内涵的内容，视觉度不宜过高。当版面需要突出醒目的内容，视觉度需要增大。

（2）明快的插图给人强烈的印象、视觉度越高。一般来说，照片的视觉度比插图底，特别是云、海等的风景照，视觉度就更低。

（3）通过3B原则增加视觉度

（4）在使用人物图片时，脸部比例较大的图片适合表现人物的智力、理想、抱负等等；脸部较小的图片则表现人物的状态、动作等方面。所以在商业、教育等行业适合脸部比例较大的图片，而在生活、工业、农业等行业中则可大胆使用脸部比例较小的图片。

2、图版率