@产品首页推荐写作干货@IT·互联网

作品不精致,因为不饱满

2018-04-30  本文已影响632人  菜心设计铺


很多人会觉得自己做的东西看起来又散又乱,不够精致,但又不知道为什么,其实原因很简单,就是不够饱满,正好前一阵子迷茫期的时候,总结出关于饱满的一些方法论,今天就和大家来分享一下,大纲如下:

1.标题的饱满

2.修饰元素的饱满

3.图标的饱满

4.字体的饱满

1.标题的饱满

以前做平面 的时候,主标题字体的默认字间距是20%,但是这样看起来会有点散乱,所以我们的做法通常是把字间距调整为-20%:

这样看起来会使标题看起来更加聚焦,更加饱满,比如饿了么这个启动页:

整个标题文字的字间距就很小,看起来很紧凑,使画面没有那么零碎。

(提醒大家一下,有很多创意排版,标题的字间距是很大的,那种场景比较特殊和复杂,我们先把基础的做好,所以这篇文章不予考虑,以后有机会再讨论)

2.修饰元素的饱满

我们在做app的时候,经常会给标题前面加一个竖线作为修饰元素:

上面这样的竖线和文字组合起来看着就不太舒服,对不对?

这里给大家介绍一个方法,就是给设计元素加上一个隐形的矩形框,看其留白是否太多:

上图由于竖线太长,使矩形内的空白太多,整体看起来不够饱满,不够精致。而当我们把竖线化成这样:

是不是好多了,为什么?我们可以再加个隐形的矩形看看:

就是因为矩形中的内容更加饱满了。

03 图标的饱满

在画单个图标的时候,我也会经常使用这个方法,例如我在画麦克风的时候,最初的样子是这样的:

但是当我们给它加一个矩形的时候:

我们会发现,这个矩形不够饱满,所以我做的优化就是把下面部分变短加粗,使空白的地方变小:

这样整个图标看起来就会饱满很多。

利用整个方法,我们会发现,我做出来的图标都会尽量让那个隐形的矩形看起来丰满:

4.字体的饱满

在字体设计方面,这个方法也很管用,以前我有写文章讲述过,在这里我再简单说一下。

在做字体设计时,我也会将设计好的基础字体加一个隐形的矩形,例如下面“厉害”两个字:

加上黄色矩形后:

我们会发现有很多地方还不够饱满,下图绿色的地方都是空白,完全可以再优化:

优化的方法就是让绿色空白的地方变少:

这样看起来是不是就好多了!

总结

关于饱满这个问题,是很多设计新人容易忽略的,前面介绍的方法虽然可以满足很多场景,但也不是绝对的,大家千万不能死记硬背,具体场景具体分析,活学活用才是你真正需要得到的技能和本事!

上一篇 下一篇

猜你喜欢

热点阅读