海报版式设计知识点总结.doc

海报版式设计知识点总结

一、版式组成

1.主体：视觉焦点，主导着整个设计（可以是人/物/文字/图片），整个版面最吸引人的部分，相当于主角的作用。

2.文案：对主体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，用户也不能准确的知道它在说什么，配角的作用。

3.点缀元素：装饰元素，可有可无，具体根据版面需要；好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。

4.背景——可分为纯色/彩色肌理/图片/图形等。

二、构图平衡

在设计中，平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态，那么这个设计看起来就是统一的，就会给人一种整体印象。因此，平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类，分别是：对称平衡，非对称平衡和整体平衡。

1.对称平衡

对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲求条理和平衡布局的设计。对称构图相对比较易于创建，特点是稳定，庄严，整齐，安宁，沉静和古典。

2.非对称平衡

非对称在不对等的元素间创设出秩序和平衡，非对称设计由于版式不可预见，所以空间是变化的。特点是动态的，灵活的和富有活力。非对称构图比较多，常见的有以下6种形式。

（1）对角线构图

文案摆放在版面的对角线方向，一方面避免了司空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的设计，这样会让整个构图看起来比较平衡。

（2）发射状构图

点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。

像电商大促活动，淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

（3）中心构图

这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免破平淡乏味。

（4）s形构图

文案或者图形放在线条转折的地方，整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方，可以放一些重要的信息。这样的构图灵活，有趣，而且可以引导用户沿着s形轨迹阅读信息。

（5）二分构图

文案和主体分开，呈左右或者上下的构图形式，注意的是文案要采用对齐原则。这样的构图也是比较容易创建的。

（6）形状构图

主体和文案组合的形式可以是圆形，三角形，矩形等形状构图。注意如果是用三角形构图，最好呈倒金字塔结构，这样更加轻便引导用户进入下一个信息层。

3.整体平衡（满版平衡）

整体平衡，是指图片充满整个版面，文案布局在上下，左右，中部的位置，特点是主要以图像为诉求，视觉传达直观而强烈。满版型构图，给人大方，舒展的感觉。注意：在设计的过程中，这种类型的文字处理很容易显得“嘈杂”，因此为了避免拥挤的空间，适当删减些文字。

三、设计原则

对构图形式了解后，我们还要知道一些基本的设计原则，虽然这些原则我们可以在其他地方反复的看到，但是我在这里还是要强调一遍，因为它可以帮助我们在打破规则之前，必须清楚规则是什么。另外注意一点就是，这几个原则不是独立分开的，而是可以同时考虑和结合，不是唯一选择。

1.对比

缺乏对比，作品会变得平淡乏味并且不能有效地传递信息。艾美奖设计师、Blind公司创始人ChrisDo说过contactisking（对比至上），运用好对比，可以在页面上引导用户的视觉，并且制造焦点。

一般产生对比的方法可以有：大小对比；粗细对比；冷暖色对比......不管是哪种对比，当你期望对比效果有效的话，需要大胆一些，明显一些，不要拿12号和13的文字做大小对比，这是没有任何意义的，不要畏畏缩缩，做设计也是一样。

2.对齐

任何元素都不能在版面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。在版面上找到可以对齐的元素，尽管它们可能距离比较远。需要注意的地方是避免同时使用多种对齐方式。

左边的海报采用了矩形构图，右边的海报采用了二分构图，但是文案都是找到了一条明确清晰的对齐线，这样让版面产生了秩序美。

3.亲密性

同类相近，异类相远，相关的元素距离靠近，归组在一起，成为一个视觉单位，而不是多个孤立分散的状态，这样有助于组织信息，减少混乱，让结构变得更清晰。根据文案内容，进行合理的分组于归类。

左边海报文案分成了4组，清晰有条理，中心的主体和点缀元素也利用了亲密性原则，使得中心主体显得更饱满；右边海报主体采用了发射构图，整体呈倒置的金字塔形式，这种锥形容易引导用户阅读下一个信息层。

4.重复

重复的目的是统一，并增强视觉效果。比如标题都是同一个字体或大小或粗细。但需要注意的是，要避免太多地重复一个元素，重复太多只会让人讨厌，要注意重复的“度”。太多的重复会混淆重点，都是重点等于没有重点。一般来说看，呈均匀的重复式图案，是作为背景使用的。

左边海