《版式设计从入门到精通》读书笔记

96
李沐汐的学习笔记
0.3 2017.07.28 11:06* 字数 5408

第一篇:设计篇

第一章:版式设计原理

第一节:版式设计的概念及意义

什么是版式设计?所谓版式设计,就是将有限的视觉元素在版面上进行有机的排列组合,将理性的思维个性化的表现出来;

版式设计的意义?版式设计的意义就是通过合理的空间视觉元素来最大限度的发挥表现力,以增强版面的主题表达,并以版面特有的艺术感染力来吸引观者的目光。

第二节:版式设计的基本原理

1:根据内容进行版面的编排;

2:根据版面调整版面率;

3:根据版式设计调整设计元素的设置顺序。

第三节:版式设计的视觉流程

1:单向视觉流程,平面设计需要有一定的顺序和主次来引导读者的视觉流向,这通常符合人们的视觉习惯,主要分为以下三种类型:

A:斜线式视觉流程(具有不稳定性,视觉冲击力较强);

B:竖线式视觉流程(给人简洁、有力、稳固的视觉感受);

C:横线式视觉流程(给人安静、温和、惬意的感觉)。

2:重心视觉流程,视觉的重心能够稳定版面,给人安心的感觉,当它处在版面中的不同位置时,会给人不同的感受;

3:反复视觉流程,反复视觉流程广泛应用于艺术设计之中,它可以在视觉功能上加深人的印象,增强人的记忆,是视觉传达设计常用的形式之一。另外,反复也是自然现象,在版式设计中,对视觉进行那个反复的引导,可以增强信息传播的强度,使版面形式显得有条理,产生秩序美,整齐美和韵律美。

4:导向性视觉流程,在版式设计中运用一些手法、引导读者的视线按照设计者的思路贯穿版面,这就是导向性视觉流程。导向性视觉流程主要分为两种类型:一种是运用点和线作为引导,使画面上的所有元素集中指向同一个点,形成统一的画面效果,这是放射性视觉流程;还有一种是通过点和线的引导,将读者的视线从版面四周以类似十字架的方式向版面中心集中,以达到突出重点,稳定版面的效果,我们称之为十字形视觉流程。

5:散点视觉流程,将版面中的图形散点排列在版面的各个位置,呈现出自由、轻快的感觉,我们称之为散点视觉流程,主要分为发射型和打散型两种类型,版面中所有的元素按照一定方向的规律向一个焦点集中,这个焦点就是视觉中心,这样的编排叫做发射型;而将一个完整的个体打散为若干部分,重新排列组合,以形成新的形态效果,这样的编排叫做打散型。

第四节:版式设计的基本程序

1:明确设计项目,首先要明确设计项目的主题,根据主题来选择合适的元素,并考虑采用什么样的表现方式来实现版式与色彩的完美搭配。

2:明确传播信息内容

3:定位读者群体

4:明确设计宗旨

5:明确设计要求

6:计划安排,在进行设计之前,需要对设计背景进行调查研究,并收集资料,了解背景信息,熟悉背景的主要特征,根据收集的资料进行分析,确定设计方案,然后根据方案来安排设计内容。

第二章:版式设计构图元素

第一节:“点”的编排构成

“点”的效果并不是由自身的大小决定的,而是取决于与其他元素的比例。圆点是最理想的点,但“点”不仅仅指圆点,所有细小的图形、文字以及任何能够用“点”来形容的元素都可以被称为“点”

1“点”的构成与表现

“点”在设计作品中无处不在,在有限的版面中,他能够起到点缀画面的作用。

将数量众多的点疏密有致的混合排列,以聚集或分散的方法形成的构图,我们称之为密集型编排;

而运用剪切和分解的基本手法来破坏整体形,破坏后形成新的构图效果,我们称之为分散型编排;

2“点”的编排方式

在版面设计中,没有规定“点”必须放在某一位置上,我们可以灵活运用“点”来赋予版面丰富多彩的效果。掌握了“点”的构成和编排方法后,能够帮助我们更好的协调版面中的各种关系,是版面效果更加精彩。

第二节:“线”与空间的关系

“线”在版面中的构成形式比较复杂,分为实线、虚线以及肉眼无法看见的视觉流动线。其中最常见的形态是实线。

1“线”的构成与表现

“线”是由无数个点构成的,是点的发展和延伸,其表现形式非常多样。

运用线可以对版面进行分割。常用的分割方式有以下几种。

1:将多个相同或相似的形态进行空间等量分割,形成富有秩序感的效果。

2:运用直线对图文进行空间分割,得到调理清晰、整体统一的版面效果。

3:使用线条对空间进行不同比例分割,就能得到具有对比效果和节奏感的版面。

4:在骨骼分栏中加入直线进行分割,使栏目条理清晰,易读性强。

立场是虚拟存在的,是通过人的视觉引发的一种感受。

2“线”的编排依据

线的编排依据包括线的情感、线的节奏以及线的空间。

线的曲直、粗细、长短、疏密等特征不同,给人的视觉感受也不同

第三节:“面”的版面构成

“面”作为平面设计中一种重要的符号语言,被广泛运用于设计当中。由面组成的图形总比由线或点组成的图形更具有视觉冲击力,他可以作为重要信息的背景,以突出信息,达到更好的传达效果。

1:“面”的构成与表现

面试点的放大、集中或重复,也是线的重复密集移动的轨迹和线密集的形态。

第四节:版面空间构成

版面是平面的、二维的,但也可以营造出空间和层次的视觉效果。这只是一种感觉,是版面元素组成的一种远、中、近的立体空间效果。

1更改版面比例营造版面空间感

平面设计中的空间感,主要依靠面来表现,其关键在于远、中、近的空间的层次关系的处理。最常用的方法是将主题元素或标题文字放大,将次要元素缩小,使主次强弱分明,同时使版面富有韵律感和节奏感。

2更改版面位置关系营造版面空间感

通常情况下,视觉中心是版面中最引人注目的位置,接着按版面上部,左侧、右侧、下部的顺序依次递减。在进行版面编排时,要根据主次顺序,将重要的信息安排在注目价值高的位置,其他信息则编排在注目价值相对较低的位置,形成版面的空间层次感。此外通过对版面素材的叠压编排,也能形成很强的层次感但信息的注目程度却相对更低一些。

3通过调整版面黑白灰层次营造版面空间感

黑白灰层次的概念源于素描,需要注意的是,黑白灰不仅仅表示无彩色,在彩色的版面设计中,其色调之间的关系也属于黑白灰的空间层次。

一个成功的版式设计作品,应该具有明确的色调。如对比强烈的高调。对比柔和的低调,或层次细腻的灰调。如果色调处理的不到位,就会出现混乱模糊的效果。

第三章:版式设计构成法则

第一节:根据媒体特征选择开本大小

什么是开本大小?开本就是指印刷成品页面的尺寸,对版式设计有着很大的影响。

1:根据媒体选择版面开本;

2:根据纸张选择开本类型;

3:根据页边选择开本大小;

第二节:版面率的调整

什么是版面率?版面率是指版面设计中页面四周留白部分的面积比例

1:扩大版面空白降低版面率(页面四周的留白面积越大,版面就越小,版面率就越低,也意味着页面中的信息量减少,通常给人高级典雅的印象);

2:缩小版面空白增大版面率(高版面率通常给人饱满、有活力、热闹的印象);

3:通过图像的面积控制图版率(图版率是指版面设计中图片所占面积的总和比例。图片越多,图版率越高,如果只有一张图片,但放的很大,那么图版率仍然很高);

4:改变底纹的颜色调整图版率(在处理地图版率的版式设计时,如果没有更多的图片资源,或者无法将现有的图片进行放大处理,则通过改变页面的底色来提高图版率是一个快速有效的方法);

第三节:各种构图样式

1:标准式构图(这是最常见的简单而规则的广告版面编排类型);

2:满版式(满版式的构图重点在于图片所传达的信息,将图片铺满整个版面,视觉冲击力很强,非常直观。根据版面需求编排文字,整体感觉大方直白,层次分明);

3:对角式(对角式具有不稳定感,视觉冲击力较强。形成了变化中相互呼应的视觉效果);

4:定位式(定位式构图是指以版面中的主题元素为中心进行定位,其他的元素都围绕着这个中心对其进行补充、说明和扩展,力求深化、突出主题。这样的构图特点在于能够使读者非常明确版面所要传达的主要信息,达到成功宣传的目的);

5:坐标式(坐标式构图是指版面设计中的图片或文字以类似坐标线的形式,垂直与水平线交叉排列。适合相对轻松、活泼的主题、文字量不宜过多);

6:重叠式(重叠式构图是指版面设计中的主要元素以相同或类似的形式反复出现,排列时表现为层层重叠的样式。这样的构图可以使版面呈现出较强的整体感和丰富感,能够制作出十分活泼和动感的画面,并且 增强了图片的识别性。适合时尚,年轻的主题);

7:聚集式(版面中大部分主要元素按照一定的规律朝向同一个中心点聚集,这样的构图被称之为聚集式构图。聚集式构图能够强化版面中的重点元素,同时具有向内的聚拢感和向外的发散感,视觉冲击力较强);

8:分散式(所谓分散式构图是指版面中的主要元素按照一定的规律、分散的排列在版面中。这样的构图分布比较平均,元素与元素的空间较大,给人规律感和轻松感);

9:导引式(导引式构图是指版面中的某些图形或文字,可以引导读者的视线,帮助读者按照设计者安排的顺序依次阅读版面中的内容);

10:组合式(组合式构图是指将一个版面分成左右或上下两部分,分别放置两张从中间裁切的不同图片,再将两张图片重新组合在一起形成一副新的画面,左右两边图片虽然不同,但却有着较强的联系,形成趣味性极强的版式效果);

11:立体式(立体式构图是指通过调整版面中的元素制作成立体效果,或者通过对角度的调整,将版面中的二维元素组合起来,构成具有三维空间感的视觉效果);

12:自由式(自由式构图,就是指在版面结构中没有任何规律,通过随意的编排构成。具有活泼,多变的轻快感。是最能展现创意的构图方式,但自由式构图不代表乱排,需要把握整体的协调性);

第四节:通过主题选择恰当的构图方式

1:垂直构图(增强画面感染力);

2:平衡构图(能给人以满足的感觉,平静、安定、稳重);

3:倾斜构图(不安定感和强烈的动感,非常吸引眼球,常用语时尚类主题);

4:曲线形构图(趣味性和动感);

5:三角形构图(正三角有稳定感,倒三角则表现了不稳定感和动感);

第五节:常见的版面构图比例形式

1:版面的大小比例

2:对称(给人平衡稳定感、统一的感受但也统一给人造成呆板的印象);

3:黄金分割(1:1.618容易引起视觉美感的比例);

4:对比和平衡(文字、图形、色调、动静、形态等对比);

5:四边和中心;

6:破型(所谓破型,是指在版面设计中打破平衡和拘束,打破传统的网格结构、形成特殊的版面效果。)

第六节:选择并调整构图样式

1:根据媒体选择合理的构图样式;

2:利用辅助线进行排版;

3:同意构图元素间的间隔;

第七节:改变图片位置和对齐方式来调整版面

1:调整图片的视觉重心;

2:善于运用图片对称的编排方式;

第四章:图片的编排

第一节:图片的多种组合

1:图片数量对版面效果的影响(图片越多越能吸引读者兴趣,相反一个图片都没有会显得枯燥);

2:图片的不同组合编排方式(最常见的组合方式即通过统一尺寸、对齐统一间隔等方法使版面整体均衡;或者改变图片之间的比例以表现出层次感和主次关系);

第二节:图片大小及位置关系

1:放大含有重要信息的图片;

2:调整图片尺寸;

3:出血图片的运用;

4:调整图片的位置关系;

第三节:图片外形决定版面编排

1:圆形图与方形图的使用;

2:去底图的应用;

第四节:图片的适当剪裁

1:通过剪裁缩放版面图像;

2:通过剪裁删除多余图像;

3:通过剪裁调整图片位置;

第五节:图片的编排规则

1:图片的动态编排(具有动势的图片可以令人感受到一种跃动的感觉);

2:图片的方向编排(物体的造型,倾斜的方向,人物的动作,面部朝向及视线等,都可以使读者感受到图片的方向性);

3:图片的对齐方式(使用最频繁的是左对齐方式)。

第五章:文字的编排

第一节:选择合适的字体

1:字体影响版面风格(在同一个版式中,使用不同的字体会形成不同的版式风格)。

2:不同字体样式的应用(如果想设计出游个性的版式,则要选择较为随意独特的字体;如果是卡通版式,那么圆润可爱的字体更合适;如果是欧式风情的版式,则通常会使用带有曲线的字体)

第二节:字体之间的编排

1:中文字体的编排;

2:英文字体的编排;

3:中英文字体的混合编排(中英文混合编排要对两种字符的宽度进行适当的调整。在编排时,可以将中文单词与英文单词之间空出四分之一个字符的位置,需要统一字号和位置的基准线)

第三节:设置文字的字号与距离

1:印刷文字字号的规定;

2:结合字体设置字号与字距;

3:结合信息内容设置行距(通常情况下,标题的行距为标题的高度即可,目录的行距一般为文字高度的2至3倍,英文行距一般是字号点数的1倍以上,中文的行距通常为字号点数的1到1.5倍。其中艺术类书刊可能达到2倍。中文行距一般是字号的一半至四分之三)。

4:根据段落调整段距。

第四节:文字的编排方式

1:段落文字的编排

2:文字的图形化编排

第五节:不同文字的组合编排

1:文字组合编排的对齐方式

2:文字的应用技巧和方法(文字是编排设计中的基本要素,能够强调重点,平衡画面、增强版面的跳跃率)

A:对比的编排方法(通过文字的大小、形态等的对比使版面生动、有节奏)

B:用留白的编排方法(运用文字四周的适当留白,来增强版面的空间感和品质感)

C:强调文字的编排方法(通过对文字进行扩大,图形化等处理,强调了版面的重点)

D:体现文字方向性的编排方式(将文字按照一定的方向排列,引导读者视线的走向)

E:多图片版面中文字的编排方法(通过少量文字的点缀增加版面活力)

F:少图片版面中文字的编排方法(将大量的文字有规律的排列,形成稳定、有品质的感觉)

G:文字的动感编排方法(用文字充当版面中的点、线、面使版面具有动感和节奏感)

H:文字的立体化编排方法(将主要的文字进行立体化处理,增强视觉冲击力和空间感)

I:标题文字和信息文字的组合编排

第六节:文字与图片的编排规则

1:统一图与文字的边线

2:合理编排图片与文字的位置

3:文字绕图的版式

4:合理的栏宽

5:图片与文字的颜色处理

日记本
Web note ad 1