版面设计原理

第二章/添加变化

1、留白——要有目的性,合理搭配

均等的留白整齐,但是单调。

留白较小的就会产生关联性,但是拘谨;留白大的就会凸显、引人注目、奢华高级,但是冷清。

版面设计原理_第1张图片

有关联的编组易于阅读。

版面设计原理_第2张图片

2、粗细度——分量

同一字体由细到粗,称为“字族”,相同的基础上做出不同的变化。

版面设计原理_第3张图片

粗细要搭配着来。

颜色深则重,颜色浅则轻。

版面设计原理_第4张图片
版面设计原理_第5张图片

3、尺寸

打印尺寸,一般情况下word的版心尺寸140×230(㎜),也就是图文的面积。

出血,就是把多余的裁切掉,一般是3㎜。

尺寸的大小比例也称为“跳跃率”。

版面设计原理_第6张图片
尺寸的大小比例也称为“跳跃率”。
版面设计原理_第7张图片

4、跃动感——太严肃也未必是件好事

可使用有动感的图片。

版面设计原理_第8张图片

打乱部分平衡。

版面设计原理_第9张图片

使用有方向感的图像元素,比如箭头等。

版面设计原理_第10张图片
版面设计原理_第11张图片

有文字要按照基准线对齐,手写体与常规的字体搭配更有动感。

版面设计原理_第12张图片

5、退底——根据图像的轮廓裁剪

图片可以倾斜摆放或者作出尺寸的大小对比能给版面带来变化。

根据图像本身改变背景。

版面设计原理_第13张图片

6、边界

细线:纤细、冷酷、神经质。

粗线:沉稳、沉重。

设计感的线:装饰的,时尚、流行。

有特殊意义的线性:对话框、圆角矩形等。

7、点缀

前提是版面不动,追加一些细节的视觉元素,分量不能很重,可重复使用的。图中标红的虚线和列表样式。

选取图形中的元素做点缀。

版面设计原理_第14张图片

8、立体——都什么年代了,还强调立体,哎...

可适当做一些阴影、光晕等。

做成三维立体的,有突出的感觉。

黄金比例

1:1.618——黄金比例

1:√2——白银比例

第三章/突出强调

1、反差——要适当,别到处都是

明暗反差,视觉印象最深,黑白,如果随意使用就感觉廉价了。

尺寸大小的差异。

密度差。

笔画的粗细。

版面设计原理_第15张图片

2、差异

在统一的样式里,为了强调某一个时,可做特殊处理。

版面设计原理_第16张图片

3、孤立

强调某一项目时,可用线框、分割等,也可以周围足够留白。

当然,还要判断要素是否适合被孤立。

4、放射

可起到凸显位于中心要素的作用。

中心不一定是版面的中心,图像的中心也可。

“集中线”——起到把寻找中心点的视线引导到要强调的项目上的作用。

5、软硬

直线、矩形——硬。

曲线、圆角、投影、模糊——软。

版面设计原理_第17张图片

5、面孔——吸引视线

面孔相对于版面的比例称为“面部比例”。

面孔的大小也会影响版面的气氛。

费茨法则

目标越大越容易找到,时间就越短。

事物必须出现在该在的位置,不然容易迷失目标。

第四章/设计技巧

1、节奏——音乐版的律动

同一形状以不同的尺寸、方向、位置等配置,可以变得活跃。

加背景,使有规律、相同的变得活泼起来。

版面设计原理_第18张图片

2、比例

大小的对比,整个脸部放大或眼睛局部放大——制造视觉冲击力。

使用人们较为熟悉的人或动物等做素材,动物放大,人缩小。

版面设计原理_第19张图片

3、数量感

不是越多越好,可以适当的大小对比。

赋予不同元素相同的样式,并做个别处理。

或者同在一个渐变的样式里,达成协调统一感。

4、夸张变形

人体:正常6-7头,模特8以上,卡通人物3-5。

夸张,脑袋放大、五官局部放大,提高了要素的信息性,也增加了趣味性。

5、质地感

给文字加质地,起到强调的效果。

背景要慎重使用,质地和版面内容稍微偏差,内容就会被质地支配,用户就只看背景了,阻碍了信息的传达了。

版面设计原理_第20张图片

6、拟态——亲近、敞开心扉的感觉,熟悉

对于陌生的事物,人们都会抱有警戒心里。

图标、标志等都用人们常用的熟悉的。

7、印刷加工——纸张、油墨、形状、要素

非涂层纸——也叫胶版纸,凹凸不平,有画图纸、复印纸、书籍等。

涂层纸——也叫铜版纸,凹凸均匀、细节清晰。

原色印刷:CMYK四色油墨。

特种油墨:可凸起的或具有光泽的。

模切:印刷完的裁切。

烫金、烫银:金属质感。

最后:折叠、装订。

8、增加故事情节

忌全盘托出,要做减法,这样能丰富想象力。眼睛有联想填充不足部分的力量。有点像完型。

因素:

时间——可以把图像要素背景减淡,做旧,看上去很遥远,可以唤起回忆。

感情——眼神、表情,可保留局部想表现的。

背景——随意。

版面设计原理_第21张图片

爱德马法则——AIDMA

对人消费行为五个过程的分解:

注意——Attention

兴趣——Interest

欲望——Desire

记忆——Memory

行动——Action

第五章/颜色配搭

1、基础知识

加法混色:红、绿、蓝,光的三原色——RGB。

减法混色:用于打印的油墨,青、洋红、黄、黑——CMYK。

梦塞尔色环:色相、明度、纯度。

2、颜色的视觉辨认性

明度的差异决定颜色是否能被看清。

不亮不暗的中间颜色的图片不易搭配文本。

3、色调和谐的配色

统一明度和纯度,可以使版面更加和谐,防止部分颜色太跳,除非想达到这样的目的。

4、配色塑造形象

根据身边的事物、大自然的色彩来设计想要传达的意图:

春天——嫩叶、花朵、爽朗的晴空等。

古典——古木、家居、木纹等。

冰冷——水、冰、金属。

流行——大自然里见不到的色彩搭配。

5、强调色的用法

色相对比、纯度对比、明度对比、补色对比、面积对比。

版面设计原理_第22张图片

你可能感兴趣的:(版面设计原理)