2021-4-28 seo达人
有时候觉得做的图标有点奇怪，但又不知道哪里奇怪，今天就来分析两个原理，看看有谁中招了！
排版有四大原则，其中有很重要的一项就是亲密性，举个简单的例子，下图灰色是背景卡片，白色是信息内容：
按照亲密性原则，信息内容应该是一个整体，他们之间的关系更加亲密，所以它们之间的内间距（蓝色），应该是小于它们与卡片的外间距（红色）：
如果，我们把间距颠倒，效果就会变成这样：
是不是有点奇怪！
其实在做图标的时候，有时也会用到这个知识点，比如之前看到一位星友做的删除图标，效果如下：
中间的两条竖线应该是内部内容，它们的内间距就应该小于外间距：
当然，这个间距相同也是 ok 的，咱们就别把内间距大于外间距，然后大的太离谱就好。
如果这个案例不够明显，咱们再整一个更明显的，我们在做“笔记本“、“目录“图标的时候，有时候会做成一个矩形，然后里面加几条线：
这几条线的内间距是不是应该小于它们与矩形的外间距，比如这样：
如果间距反过来，就会成这样：
这回很明显了吧！内部东西太散，导致整体不够精致。
其实仔细观察，这个图标例子和刚才那个排版的例子完全是一回事：
一个原理，那就是——亲密性！
很重要，大家一定要多多理解实践！
密集节奏是我们很容易犯的错，比如下面这个图标的原作看起来密集节奏就比较和谐：
但是当星友临摹后，效果如下：
我们抛开饱满度不谈，就在密集度这一块，这个地方离的太近：
导致那里过于密集，两条线快合二为一了。
再比如，下面这图标，我们先看临摹效果：
是不是这两个地方都太密集了：
也是线条快合二为一了，我们再看看原作：
人家这节奏感就好很多。
再举个例子，这组图标：
整体临摹优化的还不错，但是就是有一个比较突兀，就是它：
我不说，大家应该也都能看出来了，灯泡下面那里太密集了，其他地方都舒服，只有那里有点难受。
这就是大家经常犯的一个密集节奏的问题，大家多多注意。
好了，今天就这么多，大家可以好好消化下，尽量避坑！
文章来源：优设网 编辑：土拨鼠