菜心录制歌曲



阅读此文大约需要5分钟


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


1.标题的饱满

2.修饰元素的饱满

3.图标的饱满

4.字体的饱满


1.标题的饱满

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




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



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

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


2.修饰元素的饱满

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




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


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



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




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



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


03 图标的饱满

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




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



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



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


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



4.字体的饱满

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


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



加上黄色矩形后:



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



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



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



总结

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




课后作业思考

如果宝宝们有时间,可以思考一下,如何利用刚才的设计理论来进行下面这个图标的优化:



优化以后可以后台截图给我(需要写上你的优化思路和理论支撑哦!)


前10名我会进行点评回复!




任意打赏


给思维加一道菜



本篇文章来源于微信公众号: 菜心设计铺