扫一扫
海螺热血榜
( 01月 )

稿费:{{item.money}}元

好评:{{item.praise}}

品牌策划> 营销案例> 有谁知道logo设计中的视觉矫正?

有谁知道logo设计中的视觉矫正?

17年04月12日14时30分 tripleww 来源: 转载

设计领域会大量用到网格系统,它是作品专业度的体现。当我开始从事 Logo 设计时,我也随之将相同的规则运用其

中,达到设计的一致性。


然而,有些地方似乎不太对劲儿……有时候,我的 logo 设计看起来并没有那么专业。总之,我的作品没有达到应有

的标准,可却又不知是哪里出了错……我的想法应该挺不赖的,但在设计执行中却总有点问题。


就在这个时候,我遇见了一位 logo 设计界的大师级人物,其作品质量都是杠杠的。他指出了我作品中有关字体的问

题,并建议我应当在设计中运用“视觉矫正”法则。起初,我并不知其意,但现在回想起来,那些错误真是显而易见

,而现在,我也常看见其他设计师犯着与我当初相同的错误。(如图1)


辅助线、规则和网格都是极好的,但同时,我们也需要适当运用“视觉矫正”来打破规则。是的,有时候,你的确需

要忽视参考线,用眼睛来判断设计是否“看起来”遵循了网格系统(也许听起来很怪,甚至反直觉,但且听我说完,

你就会觉得其实它很合理)。


有了这个启发,我随即发现了 logo 设计中有许多值得注意的视错觉现象。其实,很多大型品牌公司在设计标志时,

都已经这些细节考虑进去了。理解到这点,帮助我的 Logo 作品上升了一个层次,以下我就来把所学所知与大家分享


完美也许看起来并不完美(反之亦然)


去年,谷歌发布了新品牌标识。其中,图标 G 被用于各大社交媒体。(如图2)


我很喜欢谷歌的新版设计。然而,有设计师却不那么认为。这位设计师将“完美”的辅助线置于设计上,指出了一

明显的“问题”,并将其更正(如图3),可改后的结果却略有些失衡。的确,新设计的物理位置完全准确,却总感

觉哪里错了,而“非完美”的原版设计却有更完美的视觉效果。


谷歌的 G 图标是个很好的例子,我们看到了设计师是以最终视觉效果为基准,而非机械地遵照精确的网格与辅助线系

统。有时候,你也需要这么做,作品质量也许就会有突破。


简而言之,网格系统是参考,而非规则。记得用眼睛来判断。


字体设计中的“上凸和下沉 (OVERSHOOT)”


字体设计师 Tobias Frere Jones 有一个很赞的博客,里面解释了很多字体技巧。如果大家想要多多理解字体设计方

面的细节问题。今天,要分享的是其中有关字体“上凸和下沉 (overshoot)”的内容。


大家一起来看下面这张图片,方形和圆形并排放置,当圆形与方形在数值上是完全等高时,圆形就会显得略小……为

避免这样的状况,我们需要略为增加圆形的高度,使它在视觉上看起来和方形是同等大小。这个高度的增加就被称为

“字体的上凸和下沉(overshoot)”(如图4)


花一些时间,好好学习周围的字体……从现在开始,你就会开始看见上文所述的情况,完全停不下来……


格式塔理论


人类的大脑有一些神奇的功能。因为世界是如此复杂,所以我们的大脑会聪明地尝试组织各类视觉元素,将他们组成

“完整个体”。在心理学中,有一个术语用来形容这个现象的,叫作格式塔。(如图5)


我们可以将很多格式塔原理运用到 logo 设计中,例如:相似性、连续性、封闭、邻近、图形与背景关系原则。有兴

趣了解格式塔理论详细信息的同学,可以百度一下(格式塔心理学(gestalt psychology),又叫完形心理学,是西

方现代心理学的主要学派之一,诞生于德国,后来在美国得到进一步发展。该学派既反对美国构造主义心理学的元素

主义,也反对行为主义心理学的刺激—反应公式,主张研究直接经验(即意识)和行为,强调经验和行为的整体性,

认为整体不等于并且大于部分之和,主张以整体的动力结构观来研究心理现象)


我最爱的格式塔理论案例就是 WWF 的 logo 中那个熊猫图标,它利用了格式塔“封闭原则”来完成熊猫图形,事实

上,那只是一些分散的元素。(如图6)


格式塔理论提醒着我们,不但要考虑画面中有什么,更要考虑画面中没有出现的又有什么……(是不是很容易呢?)


放射现象


如果设计一款白底上的深色 logo,那么,势必也需要制出深底上的反白版本。


大部分人认为只需要将 logo 的颜色改为白色就大功告成了,然而,事情却并没有那么简单。你会发现一些很奇妙的

状况……反白的 logo 看起来似乎更“肥”一些,颜色的对比让同一个 logo 看起来像增了肥一般!是不是很奇怪?

这个错觉就叫作放射现象。(如图7)


幸运的是,有一个很简单的解决方法。在设计 logo 的反白版本时,可以加上细细的描边,将其扩展成图形,再用

 Illustrator 的路径寻找器来把它删除。那么,具体要去除多少“重量”,就要由你的双眼来决定了。我们的终极

目标是让反白版本的设计在视觉上看起来和黑色版本精确相同。


以上这些例子就是我在设计 logo 时会考虑到的视错觉状况。


图1
图1
图2
图2
图3
图3
图4
图4
图5
图5
图6
图6
图7
图7
展开阅读全部

0

0
评论 0
注册/登录后,方可发布评论