《AI设计logo的小细节》是一篇关于Illustrator的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Illustrator技巧;你可以通过此加强颜色,形状工具,设计等多维度案例或实操来进行更多的学习;此教程是由zzz在2021-11-02发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Illustrator技巧;请给他一个赞吧。
设计师在设计logo的时候明明两个球是一大一小,实际大小却是一样的,这就出现了明明设计时按同样尺寸制作的东西。最终效果出现缺憾总会有那么一点违和感,总会给你一种视觉错觉,那这是因为什么原因呢?有什么解决的方法吗?
生活中你可能有这样的体验:明明两个球看起来一大一小,实际上却是大小相同的;明明两条线段是一样长的,但是看起来却是一长一短。好绕~~其实就是你的眼睛欺骗了你,在不同的情况下,我们的眼睛会对不同的对象进行简单的处理,这种简单的处理帮助我们可以观察到更多内容,但也会造成视觉上出现小小差异。
今天就给大家展示两种情况下产生的视错觉现象和调整方法
首先给大家做个小测验,看看下面哪个圆的面积更大呢?先不要往下拉看答案~
答案是一样大!不信你看!
有些同学可能觉得上面这个例子对比不够明显,那么再来一个!
这次应该比较明显了吧,那么问题来了,为什么白色(浅色)背景上的圆要比黑色(深色)背景上的圆在视觉上显得更小呢?这是由色彩的视错觉造成的,深(冷)色会给人收缩感,而浅(暖)色会给人扩张感。
接下来我再祭出自己的几个案例来说明吧。
首先来一个面构成的logo
然后再来个线构成的logo
来个英文的
最后再来个中文的
现在能看出区别了吧,是不是白色的显得更“胖”一些?还没看出来的同学请出门右转到一楼眼科付一下诊疗费,哈哈哈哈哈
为什么我要讲这个呢?因为我们在做logo提案的时候都会提供反白版本,而很少有人做反白视觉矫正的(反白只是其中一个部分,还有很多视错觉的矫正后续我会慢慢讲到),这个细节差别看似不大,但在有经验的设计师眼里,这种错误是不允许出现的,毕竟我们是专业的,哪怕甲方爸爸看不出,我们也有责任和义务做得更好不是吗?
那么问题来了,怎么矫正呢?
最简单的方法就是使用偏移路径命令(对象-路径-偏移路径),具体数值以你主观的肉眼观测为准。虽然偏移路径可以帮你完成大部分优化工作,但后续还需要你对局部进行微调。比如“莲”字最上面的两个竖笔的宽度,看下只执行偏移路径和经过微调后的效果,至于微调的标准是什么?还是那句话,一切以你主观的肉眼观测为准!
以下左侧是我视觉矫正后的,右侧是之前的,再看不出区别我只能嘤嘤嘤了
修改后的是不是更加统一了?
还是老规矩,先给大家做个小实验,看看下面两个圆一样大么?
答案是不一样大!
没想到这波反操作吧,谁让你们不动脑子老说“一样大”,哈哈哈哈哈!
不相信的同学看下图:
没错,上圆是略小于下圆的,但在视觉上给人的感觉是一样大的。如果将上圆变成和下圆一样大的话,那么就会显得上大下小。请看下图自行体会:
那么讲这个到底有什么用呢?当然有用!我们在设计品牌标准字的时候,不管中英文,都会基于这个视错觉进行负空间的校正,让文字看上去更加协调自然,让重心更加平稳。
首先给大家看下中文的“日”字(以思源黑体为例)。
可以看出,上面的负空间比下面的负空间略小,这样就抵消了顶部看上去更大的视错觉。
单字如此,那如果是以“日”字为偏旁的汉字呢?是不是也遵循类似的规律呢?我们再看几个字。
看过数据是不是一目了然了?不管“日”位于左、中、右、上、下哪个方位,负空间的处理都是上小下大。
如果负空间是3个呢?再来看下面这个字:
嗯~最上面2个的负空间还是比最下面的稍小一些,但中间的比上面的要小。
以上看的案例都是封闭的负空间,那半封闭的呢?接着再来看两个字。
没错,同样遵循了这一原则。
这里简单总结一下吧,如果是2个负空间,那么上<下,如果是3个负空间,则是中<上<下。
中文尚且如此,那英文呢?也会做校正吗?接下来我们再看一下英文字母“B”和数字“8”(以Helvetica为例)。
感觉这里不需要标记数据,肉眼可见的区别,同样是上小下大。
OK,以上就是AI设计logo的小细节的全部内容介绍了,希望大家在设计品牌标准字或字库的时候能够注意这个小细节哦~关于更多illustrator教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程。
赠人玫瑰,手有余香
< 上一篇 Illustrator 画邮票的教程及操作实例
> 下一篇 B端产品图标绘制指南(创意篇)
2022-06-23 10:12
2022-06-20 10:01
195浏览 03-28
1380浏览 03-25
877浏览 03-22
386浏览 03-22
615浏览 03-17
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论