如何快速提高版式设计能力？优设总监总结了3方面！

下面将从 01、布局组成；02、构图平衡；03、在三个方面介绍了版面设计的创作思路：设计原则。

平面干货较多：

第一，布局的组成

首先，找出以下示例图中的布局组成元素。有多少种大而全的元素？

一般来说，上图中有四个主要元素：主体、文案、装饰元素和背景。

根据电视剧的角色安排，主题相当于主角，视觉焦点有自己的主角光环；副本相当于配角，配角的角色与主角，有时主角的台词需要从配角口中说；装饰元素相当于团体表演，可有可无，可有可少，根据具体需要自由发挥，但要注意团体表演的位置不能阻止 C 位置；背景相当于场景道具，与主人公的情感和情节相称。

二、构图平衡

在设计中，平衡是实现统一的重要途径。给人一种整体平衡的印象，布局平衡主要包括 3 分类为：对称平衡、非对称平衡和整体平衡（全版平衡）。

1. 对称平衡

对称平衡是一种静态、可预见、有组织、平衡的设计。对称构图相对容易创建，具有稳定、庄严、整洁、和平、安静、古典的特点。参考绝大多数建筑是对称的平衡设计。

2. 非对称平衡

不对称在不对等元素之间创造了新的秩序和平衡。由于布局不可预见，非对称设计的空间发生了变化。其特点是动态、灵活、充满活力。有许多不对称的构图，如下所示 6 构图形式：对角线构图；S 型构图；发射状构图；中心构图；二分构图；形状构图。

①对角线构图

文案放置在布局的对角线上，一方面避免了常见的中间布局，另一方面为中心主体留出了更多的创作空间；

此外，中心的图形也可以设计成对角线，使整个构图看起来更加平衡。

②发射状构图

点缀元素围绕中心的文案或图形发射，使中心的视觉容易聚焦，视觉冲击感更强。

例如，在电子商务推广活动中，淘宝和京东经常使用发射性构图来创造热闹的推广活动。许多电影海报也会使用这种构图来聚焦读者的视觉。

③中心构图

这种构图方法是我们最常见的构图之一。文案和主题显示在中间页面上。需要注意的是，位于版心的主体应尽可能精彩，并运用设计技巧吸引读者的注意力，以避免枯燥。

④S 形构图

文案或图形放在线条转折处，整体呈现 S 形状。此外，线条的起点和终点也是读者容易关注的地方。你可以放一些重要的信息。这种构图灵活有趣，可以引导用户跟随 S 轨迹阅读信息。

⑤二分构图

文案与主体分开，呈左右或上下构图形式。需要注意的是，文案应采用对齐原则，这也是一种相对容易创建的构图方法。

⑥形状构图

主体和副本的组合形式可以是圆形、三角形、矩形和其他形状的构图。请注意，如果使用三角形构图，最好使用倒金字塔结构，这更符合读者的阅读顺序，并引导用户进入下一个信息层。

3. 满版平衡

整体平衡是指图片充满整个布局，文案布局在上下， 左右位置，中间位置，以图像为主，视觉传达直观而强烈。

全版构图，给人一种大方、伸展的感觉。注：在设计过程中，这种类型的文本处理很容易显得“嘈杂”，所以为了避免拥挤的空间，适当地删除一些文本。

三、设计原则

在了解了构图形式后，我们还需要了解一些基本的设计原则。虽然我们可以在其他地方反复看到这些原则，但我仍然需要在这里再次强调，因为它们可以帮助我们在打破规则之前知道规则是什么。此外，应该注意的是，这些原则不是独立的，而是可以同时考虑和结合的。

1. 对比

缺乏对比，作品会变得枯燥，无法有效传递信息。艾美奖设计师，Bind 公司创始人 Chris Do 说过 contract is king(对比第一)，利用好对比，可以引导用户在页面上的视觉，创造焦点。

制造视觉焦点对比的效果应明显对比方式/大小/厚度/冷暖等

2. 对齐

任何元素都不能随意放置在布局上，每个元素都应该与页面上的某个内容有一定的视觉联系。在布局上找到可对齐的元素，尽管它们可能很远。需要注意的是，避免同时使用多种对齐方法。

不要随意放置元素，找到清晰的对齐线，避免使用多种对齐方法

3. 亲密性

类似，异性，相关元素，分类在一起，成为一个视觉单位，而不是多个孤立和分散的状态，这有助于组织信息，减少混乱，使结构更加清晰。根据文案内容进行合理的分组和分类。

分类信息层次，分组相似，分组不宜过多

4. 重复

重复的目的是统一和增强视觉效果。例如，标题是相同的字体，但需要注意的是，为了避免过度重复相同的元素，需要掌握这个程度，过度重复会混淆关键点。关键点等于没有关键点。一般来说，均匀的重复图案用作背景。

重复的目的是为了避免过多的重复，一个元素的重复过多会混淆重点。

5. 留白

空白是虚拟空间对比的作用，适当的空白可以让页面有呼吸感，让读者更容易阅读体验。当大量的视觉信息堆积时，每个元素都应该被眼睛扫描和大脑处理。当找不到关键点时，用户的眼睛和大脑很容易疲劳。在内容较多的情况下，尽量减少视觉组；此外，使用更多的负空间来创建一些聪明的负空间。

当虚拟空间比较更多内容时，减少视觉分组，更多地利用负空间

6. 变化

不变的元素很容易导致页面无聊，布局也缺乏灵活性。如果某些元素的位置、大小或颜色发生变化，打破僵硬、平淡的布局，使图片具有层次感，这是打破图案的好方法。

打破平淡布局格局的同质区别在于变异元素有位置、大小或颜色等变化