干货小摊 | 如何让画面增加空间感

我们设计版面的时候，有时会遇到一种情况：画面信息已经很丰富了，但总感觉少点味道。这时我们不妨看看是不是因为画面太“平”而缺少了增加画面真实感的”张力“。说得有点难懂了，翻译过来其实就是版面缺少层次空间的变化，亦或是版面的文字、图片、图形、颜色等其他元素塑造的层级丰富度不够所导致的。

来来来，今天科教就来向大家分享增强画面空间感的小方法。

当画面除了文字没有其他图形或图像主体时，文字同样可以作为主体，将文字按照空间的视觉理论来排列，就能够得到想要的效果。

文字层级即通过将画面文案的主标题、副标题、正文、注解、图片、颜色、图形等元素划分重要和次重要之分，通过改变文案的颜色，大小，疏密，长短，粗细来控制文案的层级划分，简单来说就是使用四大基本原则之一的对比原则，来实现画面的主次之分。

文案的重要顺序应是：主标题＞副标题＞特点信息＞内文＞点缀；主标题是一级，副标题是二级，其他信息分别是三级、四级、五级等；但是层级越多，画面就越难协调，所以有些人就会添加很多的层级，从而导致无法协调画面而使版面变得混乱；然而层级越少，画面的丰富程度就不够，就会产生版面很“平”的问题，如何把握这个度，是使版面脱离“平”的关键。

举个例子：

图 1 文字层级分析

图 2 海报成品

在真实空间中，物体的重叠可产生遮挡关系，而遮挡关系往往会带给人视觉上的空间感和层次感。同理，在平面构成中，两个形象相互重叠时会产生前后关系，这种关系会给人带来空间的视觉感受。

叠压，即文字与图片或者图片与图片呈现前后的位置叠压，能够丰富画的层次、增强趣味性，产生一种自然的空间感。除此之外，文字除了作为信息的载体，还可以当作图形来使用。将文字置入到透视空间中，产生远近的视觉差，从而增强画面的空间感。

我们可以利用蒙版工具，突出局部主要信息，需要注意的是：人的大脑有“惯性阅读”的能力，用作蒙版的图形或文字必须简洁且具有较强的识别性，否则会影响展现效果。

图 3 图文的叠压

图 4 将文字置入到透视空间

在海报设计中，对光影关系的处理往往是凸显物体体积感和空间感的重要手段，而且投影本身就是空间感的一种表现形式。给物体添加投影，是增加空间感的一个重要手段，投影的形式有很多种，比如普通投影、弧形投影、接触投影、弥散投影等。在添加投影时需注意投影的模糊程度和透明度，以免投影过于生硬。

图 5 利用投影营造空间感

利用近大远小、近疏远密的基本透视原理使观者对平面景物图形产生空间意识感和立体凹凸感。配合上虚实变化来模拟现实世界中的景深效果（即在摄影机镜头或其他成像器前沿能够取得清晰图像的成像所测定的被摄物体前后距离范围），以此强调主体信息，从而塑造空间感。

在平面设计中，元素的面积大小变化越大，空间的纵深感就越强，通过控制元素之间的位置关系，可以使空间看起来平整或者曲折，塑造出表现力丰富的空间感。

虚实变化中，模糊不仅与不透明度有关，而且还与模糊本身的价值有关。如果模糊图层太多，则背景中效果消失。在对版面元素进行模糊处理时，要考虑距离焦点越远，模糊程度越高的位置关系，普遍情况下，会将最主要的视觉元素作为焦点，保证信息的准确传达。除此之外明暗关系也可以增强空间感哦。

图 6 近大远小

图 7远近虚实

图 8 综合运用

同样是利用近大远小的物理规律，不同的是，通过元素的无限重复，将元素按照一定的规律在画面中排列具有很强的冲击力形成强烈的空间感，重复的形式也是多种多样如字体、大小、颜色、形状、肌理、留白、对齐等等。

例如经典的“利用网格透视”就是利用了这点。网格就好比基础参照物，先打造出视觉空间，再根据视觉空间中近大远小的理论添加元素，就能够很好地呈现透视效果。强烈的空间感让观者仿佛在无限的跌落，使用这种版式一定要注意近疏远密的空间关系，否则会降低画面可信度。

图 9 元素的无限重复

图 10 网格透视

空间感是平面设计里运用十分广泛，表达视觉冲击力的一种普遍的表现手法，它不仅让设计更具有艺术性，也能让作品主次分明。除了以上说的比较常用的五种小技巧外，还可以依靠2.5D风格立体元素和借助有空间感的照片来营造空间感。当然，方法还有很多，然而在任何设计中，风格和效果都是灵活运用的，不存在万能的设计法则。

与其让这些方法躺在脑子里等待忘却，不如现在就实践起来感受一下吧！

文案 | UI设计部 张榆羚

排版 | 新媒体运营部 周言

审核 | 陈军老师 主席团