做设计就应该“面”面俱到

点，线，面，是我们设计的重要三元素，之前已经和大家分享过线、点的元素

画面单调？加条线试试

不会设计？用“点”试试

（点击上图可阅读）

点成线、线成面，面是设计画面中可以说是面积最大的部分，可以成为视觉中心的。身为设计师，我们应该时刻的关注面的版面位置设计，前面已经和大家介绍过了线和面，今天我们就来告诉大家一些关于面的知识。

这一波技巧，分为九个，首先我们先来了解关于面的基本知识，记得点赞收藏哦！

什么是面？

点拉长了就成为了线，线拉宽了就成为了面。和其他两个元素不同的是，面是具有面积感、体量感的元素。运用一句skr的话，“你看这面又长又宽”，那么这就是面。

面的特点

1.作为信息的载体

其实面主要的作用是作为信息的载体，将文字图片内容放入面元素中，可以强化和聚集内容，这样的设计效果让画面之间有了关联性，并且画面不容易出现松散或者空洞的更加。

2.分割画面

采用面的元素来分割画面，可以让设计效果更加直观，更加具有冲击力。因为面与面之间可以产生正负形的效果，正是这个效果，让画面呈现出不一样的表现形式。

3.增加画面的空间感

面天生就具有强烈的空间感，在画面中，面的叠加运用，可以让画面的空间感拉到最好。

4.层次感的提升

画面是需要有层次感的，那么通过面元素的添加，可以让画面有强烈的体量感，适当的利用面可以很好的提升画面的层次感，视觉的丰富度也大大的提升。

面的运用

01

面的平铺

面的特点中有一点为作为信息载体，我们将面平铺，让面承载不同的元素在画面中呈现，每个面的内容不同，但互相有着呼应感。这看上去有着不同，但在细节上又好像统一了起来。

02

面的扭曲

我们将面进行扭曲，与其他产生对比效果，整齐和扭曲的对比，可以很好的增加画面的张力，正是扭曲的效果，也为画面增加了活力，好像有一阵风，将设计内容吹动了起来。

03

运用蒙版

蒙版效果在面元素中也能使用，将图片或者文字的局部用面的形式呈现，将视觉中心引到面的蒙版上，这样可以很好的强调版式的重点，让观者一目了然，使阅读层级更加鲜明。

04

面的叠加

叠加效果一直都是很好用的效果，面和面的叠加，这样的效果把层次感直接拉满，空间感也会变得很足，很适合内容比较不多的版式类型，可以很好的增强整个画面的丰富性。

05

贴标签

我们可以把背景当做一个面，在这个面的基础上，进行文字和图片的编排，这种构成方法是比较常见的，这种适合内容较多的背景，文字比较重要的设计，可以很好的呈现文字的内容。

06

文字呈面

当大面积的文字聚集在一起时，那么就成为了面。运用文字呈现面的效果，这样的效果主要是图形元素，文字成为了面，阅读功能会减弱，但图形元素的记忆会比较深刻。

07

随机曲面

面元素可以是一个承载信息的功能，也可以是一个视觉元素。这个设计效果就是把面元素当成视觉元素，随机的将面进行曲面。这样增加了画面的活力效果。也对版面设计增加了丰富性。可看性很足。

08

实体元素

除了文字，图形可以成面，我们也可以以实物的形式呈现面的效果。以实体元素时，要注意边界清晰元素。实体应该要占据画面比较多的面积，成为视觉中心。这样可以很好的聚集到焦点，突出主体。

09

透视叠加

利用不同的透视、倾斜的角度，来表现面的方式，这种手法叫做透视叠加。将不同透视程度的面放再同一个空间，这样的版面设计可以看起来很丰富，也把空间感拉的很足。

注：以上图片来源网络，版权归设计者所有。