大家可能不理解自己的画面明明有很多元素，为什么还是有多元素很空
，今天就来给大家讲讲其中的看起原因。

关于画面空的画面还空原因，我将其划分为四种空，明明分别为：

第一种：信息空

第二种：占比空

第三种：层次空

第四种：细节空

第一种空：信息空

这一种不多说了 ，有多元素太直接了，看起就是画面还空真空 ，啥都没有啊 ，明明最起码的有多元素信息都没有
。

我们看下面这块 ，看起一个渐变色块之后
，画面还空啥信息也没有了，明明你是有多元素没做完还是在这玩残缺美呢，这种基础问题不能犯
：

当然，有时候很多同学还会犯另外一个问题 ，就是 banner 上面直接加一张底图
，也会觉得空  ：

为啥 ，因为你没有文字信息 ，只有图片信息，所以看起来不知道你想表达什么，就像没做完一样，如果你加上点文字，效果马上不一样了，我知道你这是一张品牌宣传图，在宣传你"自在"的品牌标语，看起来就会饱满很多 ：

这就是最容易理解的一种空 ，信息空！

第二种空：占比空

第二种的空和第一种的空是有很大的区别的，第一种是缺乏信息 
，第二种是有信息，不过信息却不足以撑起整个画面。

我们看一下下面这个案例，案例中的卡片上方放置了一些信息。整个画面看起来似乎足够丰富了
，有背景纹理、有文字 、有图标，但其中还是有问题，卡片上的信息不够饱满，撑不起来整个卡片。所以，整体看起来还是会显得很空：

这样单独放在这里，可能大家看不出来，所以我找了另外一个案例过来，两者之间进行一个对比。有了对比之后 ，我们就能清晰的看到，另一个案例中它的整个框架被撑起来了，整体非常的饱满，它的图标和文字都能够撑起整个卡片
：

在回过头来看，最开始的案例中，图标旁边这一块空的就很不舒服。图标和文字，都不能够撑起画面。

在优化之后，将图标和文字进行了局部放大，并且在次添加了一些元素在卡片中 。这样一来 ，卡片的框架就被完全撑了起来。

我们来看一下优化前后的效果对比，更加直观的感受到效果的变化

大家记住，不是说在上面放了一些元素和信息之后，就不会空了 。还得看元素和信息，是否能够撑起画面，撑起整个框架 。

第三种空：层次空

当我们把内容填上了 ，占比也填满了，但是为什么还是觉得空呢，就比如这张图  ：

因为我们只满足了横向单一维度的饱满，没有考虑纵向层次的饱满 ，就像你只有前景 ，没有中后景一样，前面铺的再满，后面层次啥都没有
，那也是不行的 ，所以如果我们把纵向层次也加上，画面就不会空了：

这也是很多设计师容易忽略的"空"，多看看纵向的层次，会让你的画面更加饱满 ！

第四种 ：细节空

第四种空 ，是一种细节上的空 ，比如我举个例子，一个画面中心放一个 logo ，你会觉得比较 ok ：

但如果一个画面中心只放一个圆形
，你就会觉得有点空  ：

为什么 ？因为细节不够，没有看点
，这就是为什么我在让大家包装的时候
，要运用组合的方式进行排版 ，如果你的一个画面里 ，只放一个元素 ，那细节就不够，就没有看点，就会让人觉得空 ，比如像这种
：

而像下面这些内容，就不会觉得空了
，因为几个相对简单的东西合到一起就可以解决细节不够的问题：

当然 ，为了更加保险，我们利用组合的方式 ，还将每一个单独体做到足够的细节，那你这张图就太无敌了，细节更加饱满，根本不存在空的问题 ：

这一点"细节空"经常在包装展示的时候用到 ，大家一定要重视！

总结

以上就是今天和大家分享的画面空的四种类型：

信息空 、占比空、层次空 、细节空

希望对大家也有所帮助！

作者：菜心设计铺