设计思路教程！这些设计上的小细节，你可能从未注意过-LOGO设计番外篇1

教程作者：君小阳

教程公众号：这LOGO怎么了

交作业去这里→#优设每日作业#

文章编辑：白二哈

关于教程

生活中你可能有这样的体验：明明两个球看起来一大一小，实际上却是大小相同的；明明两条线段是一样长的，但是看起来却是一长一短。好绕~~其实就是你的眼睛欺骗了你，在不同的情况下，我们的眼睛会对不同的对象进行简单的处理，这种简单的处理帮助我们可以观察到更多内容，但也会造成视觉上出现小小差异。

就像上面说的，两个球看起来一大一小，实际大小却是一样的，这就会出现明明设计时按照相同尺寸制作的内容，最后呈现出的效果缺总会有那么一点点的违和感。

今天就给大家展示两种情况下产生的视错觉现象和调整方法

一、颜色深浅

首先给大家做个小测验，看看下面哪个圆的面积更大呢？先不要往下拉看答案~

答案是一样大！不信你看！

有些同学可能觉得上面这个例子对比不够明显，那么再来一个！

这次应该比较明显了吧，那么问题来了，为什么白色（浅色）背景上的圆要比黑色（深色）背景上的圆在视觉上显得更小呢？这是由色彩的视错觉造成的，深（冷）色会给人收缩感，而浅（暖）色会给人扩张感。

接下来我再祭出自己的几个案例来说明吧。

首先来一个面构成的logo

然后再来个线构成的logo

来个英文的

最后再来个中文的

现在能看出区别了吧，是不是白色的显得更“胖”一些？还没看出来的同学请出门右转到一楼眼科付一下诊疗费，哈哈哈哈哈

为什么我要讲这个呢？因为我们在做logo提案的时候都会提供反白版本，而很少有人做反白视觉矫正的（反白只是其中一个部分，还有很多视错觉的矫正后续我会慢慢讲到），这个细节差别看似不大，但在有经验的设计师眼里，这种错误是不允许出现的，毕竟我们是专业的，哪怕甲方爸爸看不出，我们也有责任和义务做得更好不是吗？

那么问题来了，怎么矫正呢？

最简单的方法就是使用偏移路径命令（对象-路径-偏移路径），具体数值以你主观的肉眼观测为准。虽然偏移路径可以帮你完成大部分优化工作，但后续还需要你对局部进行微调。比如“莲”字最上面的两个竖笔的宽度，看下只执行偏移路径和经过微调后的效果，至于微调的标准是什么？还是那句话，一切以你主观的肉眼观测为准！

以下左侧是我视觉矫正后的，右侧是之前的，再看不出区别我只能嘤嘤嘤了

修改后的是不是更加统一了？

二、上下位置

还是老规矩，先给大家做个小实验，看看下面两个圆一样大么？

答案是不一样大！

没想到这波反操作吧，谁让你们不动脑子老说“一样大”，哈哈哈哈哈！

不相信的同学看下图：

没错，上圆是略小于下圆的，但在视觉上给人的感觉是一样大的。如果将上圆变成和下圆一样大的话，那么就会显得上大下小。请看下图自行体会：

那么讲这个到底有什么用呢？当然有用！我们在设计品牌标准字的时候，不管中英文，都会基于这个视错觉进行负空间的校正，让文字看上去更加协调自然，让重心更加平稳。

首先给大家看下中文的“日”字（以思源黑体为例）。

可以看出，上面的负空间比下面的负空间略小，这样就抵消了顶部看上去更大的视错觉。

单字如此，那如果是以“日”字为偏旁的汉字呢？是不是也遵循类似的规律呢？我们再看几个字。

看过数据是不是一目了然了？不管“日”位于左、中、右、上、下哪个方位，负空间的处理都是上小下大。

如果负空间是3个呢？再来看下面这个字：

嗯~最上面2个的负空间还是比最下面的稍小一些，但中间的比上面的要小。

以上看的案例都是封闭的负空间，那半封闭的呢？接着再来看两个字。

没错，同样遵循了这一原则。

这里简单总结一下吧，如果是2个负空间，那么上<下，如果是3个负空间，则是中<上<下。

中文尚且如此，那英文呢？也会做校正吗？接下来我们再看一下英文字母“B”和数字“8”（以Helvetica为例）。

感觉这里不需要标记数据，肉眼可见的区别，同样是上小下大。

OK，以上就是今天的内容，希望大家在设计品牌标准字或字库的时候能够注意这个小细节哦~

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…