版式设计规则

这是一篇关于版式设计规则的思维导图。版式设计是平面设计的分支，通过信息的排版，根据画面空间运用版式设计四大原则：对齐原则，对比原则，亲密性原则，重复原则等去处理信息，达到传递信息和满足审美需求的作用。本次通过版式设计原则、版式设计基本法则、版式设计常用构图以及提升设计感妙招分享版式设计技巧。

版式设计

基本组成元素

点线面

点

作用

活跃版面

标题文字打散设计、追求设计元素

指示引导

序号引导形式、几何造型形式

烘托氛围

几何造型形式（圆、矩形、三角形、文字部首等）

文字形式

文字拆分、变小分散、改变色彩

产品/人物（缩小分散）

总结

点是对比出来的

点的塑造和寻找时一种心理体会

点可以很好的烘托气氛，显示重点，指示信息和活跃版面

点可以成为版面的肌理和背景

点可以聚散离合

点的一切表现，都可以用上述的方法并根据自己的创意来处理

线

作用

分类信息

横线/竖线起到分类信息作用——色彩主要为灰色web#333#666#999#ccc、印刷C-0 M-0 Y-0 K-0~100）

特殊情况色彩可根据版面图片呼应提取

串联版面

斜线引导视觉起到串联作用

在版面人物或产品主体四周加注画面动态感

置于画面主体或人物产品背后，起到画面层次感、灵动感

注意：色彩关系需要与环境色彩呼应设计

强调作用

整合画面视觉聚焦，强调画面主次（线框）

线框所加注的位置，画面的主要视觉

造型大小、粗细、前后（设计的补充）

形态——矩形（稳定）、圆形、三角形

注意：线框的色彩关系必须呼应主要色彩（无色彩黑白灰）

调节空间

文字也是线

曲线柔美：曲线的造型非常适用于浪漫、唯美、女性、文化等气质的作品上

总结

版面设计时，思考怎么辅助画面，不要为了加线而加线

多信息大量文字——使用横线竖线分类信息

表现画面冲击力、动态——使用斜线突出动态感、串联画面

强调画面主体、层次感——使用线框辅助设计

线的功能性大于装饰性

只有对比才能体现出线，这和点的道理一样

面

作用

字体选择

黑体——粗细、高矮变化，安全字体

圆体——时尚 可爱 复古

宋体——气质、文化感 可备选楷体、仿宋

书法体——古风、潇洒

手写体——艺术性

文字图像化

文字变身剪影—围绕主题选择文字，观察文字形态，制作文字剪影，考虑是否追加描边修饰

文字变身图形—二次加工字体，与形状契合，成为新图形，最起码做到几何图形（圆形、矩形、三角形）

文字与其他元素组合出现—细品主题，选择恰当装饰元素，体现主题，可以是实物元素（可镂空处理），可以是几何元素（抽象元素）

文字书法化—主题文字较少，文字纯色处理，纹理叠加，笔锋添加部位（笔画结尾/开头 转折处）

组成

四方版

作用

将照片的四边全部都设置在版心内的排版方法，这种方法可以使版面看上去非常平稳，给人一种稳重的印象。最常用方法之一

像拍立得或宝丽来照片放白框里，以一定角度摆放可以给人比较愉快的印象、活跃版面

四方版分为

四面出血

适用于展示商品细节的版面、适用于富有视觉冲击力的版面、不适用于文字要素过多的版面

三面出血

适用于展示空间开阔版面、适用于文字要素较多的版面、也可以用大块留白给版面增加抑扬对比

两面出血

留住上下左右的某两边，剩下两边作为出血，一般将图片放置在右上角或右下角，个性比较强时可以放置在版面中间

适用于展示热闹的版面、适用于文字和装饰元素多的版面

单面出血

一般将图片放置在左上角或右下角，文字摆放灵活，大面积留白

适用于个性化艺术性的版面、文字较少，字号较小，表达艺术性、图片去色处理

抠图版

作用

沿轮廓抠出拍摄对象之后 进行排版，四方版比价容易设置，但是排版空间会在一定程度上受到限制；抠图版中，由于照片中多余信息已经被删除，可以拓展排版空间，可放大或者多用一些照片。

去除背景后，拍摄对象轮廓被强调；信息得到整理；快速传达信息欢快、富有动感；适用于版面空间较少的情况；可与四方版搭配使用。（旋转图片 有色彩转为无色彩 注意图片完整性）

形状版

作用

将照片与几何图形 结合，可与主题契合；营造热闹、可爱、时尚的感觉

将图片装入圆形、矩形、三角形、书法笔画等形状当中；根据主题挑选形状；可以起到烘托图片氛围的作用

注意图片版权问题

组合方式

图片裁切

通过裁切可明确的传递信息、裁切与空间密切相关

通过裁切改变照片功能

裁切前想清楚传达给人们的信息是什么

裁切方式不同决定你的画面语言

视线方向往左—表达过去

视线方向往右—表达未来

前进方向—表达空间深度

前进的反方向—表达速度感

物体尺寸—整体（整齐 宁静）细节（视觉冲击力）

面孔率—高（信赖感、理智、野心）低（身体魅力）

图片文字

图片信息量，文字在图片中排版

注意图片中的色彩要素 同一色系、对比度小—信息量较少

不同色系、对比度大—信息量大

文字在图片中排版,通过裁切制造出信息量少的部分，图片整体信息量较大时，对文字进行处理，不破坏图片氛围

整理构图

三等分构图，中心构图

三等分构图：图片整体进行3*3分割在交叉的某一个点上放置对象，既有紧张感又能保持平衡的优秀构图

中心构图：拍摄物体放在照片中心的构图方式，虽然稳定感强，但是容易给人枯燥的感觉

注意：照片不要倾斜（倾斜的图片容易造成品质感不佳的印象）如果图片在垂直方向上标注不清晰，可以按照水平方向为标准进行调整

图片关联

照片方向性、蒙太奇、协调尺寸

照片方向性：注意图片的指向性（眼神），合理利用引导视觉，这种图片的摆放方向会影响版面的效果

蒙太奇理论使用：版面中摆放多张不同图片，让他们之间具有关联，产生故事性，有意识的创造或者回避这种效果

尺寸统一：拍摄物体尺寸统一，可以实现视线稳定的效果，提高辨识度；重要程度不同的多张图，明确显示出差别，画面才有重点

版式设计基本规则

分组规则

格式塔原理

人类无意识中会把同样形状物品或距离接近的物品作为一个整体

这种现象被称为“格式塔”

根据不同信息，进行群组化或者独立化

分组重点

具有同样意思、功能的要素进行整合

关联性较低的要素不要进行联系

灵活利用背景（留白）

分组形式

接近的要素(接近)

具备同样的颜色、形状的要素（类似）

封闭形状中的要素（闭合）

对齐规则

散架设计

人类看到排列规整的东西，会本能地觉得“很漂亮”

虽然要加强版面跃动感会“故意不对齐”

但是，这种“不对齐”只有在充分理解了对齐之后才能使用

对齐什么

就像分组规则一样

有了对齐才能产生整体感

图片上面的许多元素都是需要整体处理对齐的

元素间的空白宽度也需要对齐

行间距：字号*（1.2-1.5）

对齐哪里

左对齐、右对齐、居中对齐

根据各自合适的地方对齐很重要（注意元素的视觉重心）

可使用网格辅助对齐（注意框格内元素的偏移）

对比规则

大小对比

文字大小对比、图片大小对比、注意视觉效果和搭配

跳跃率

版面上大块的部分和小块的部分的比例称为跳跃率

比例大—跳跃率高（视觉冲击）

比例小—跳跃率低（高级感）

文字的跳跃率

文字的跳跃率主要指标题、小标题等文字的字号大小比例关系

分析文字的重要性，设置不同的字号，产生对比

标题、小标题放大处理—提高冲击力，快速传达信息

降低跳跃率—高级感、信赖感、优雅、有说服力、理智感

色彩对比

冷暖色对比、饱和度对比、明暗对比、有色无色对比

疏密对比

空白处的信息与大量高密度信息处会产生自然的对比

重复规则

数量与效果

重复的元素越多越有效

设计者只有两三个元素的时候，可能难以发现规律

增加到四五个的时候，就比较容易发规律性了

正确打开方式

对同一组内所有要素使用同一设计规则

包括但不限于图片尺寸、字号、字体种类、线框、色彩、摆放位置、

距离等等要素

整体设计中，只要有一个没有遵循重复，规律性则会大幅降低

注意整体彻底的统一

对比+重复

信息传达—对比突出

这两个规则一起利用，可以使内容较多的版面得到整理

信息更容易传达