那些大牌logo，都藏着哪些秘密？

在文章开始之前，我们先来做个测试，限时三十秒，

你能找出哪一个才是淘宝最新的标志吗？

找到了吗？

放大它，能够让我们更容易看出它们之间的差异。

可能你会有这样的疑问，这标志好像改了，但又没完全改。

既然差异不大，为什么还要在这种细节上做调整呢？

带着这样的疑问，我们会发现，

原来很多标志的优化升级，也都差不太多。

比如宜家的标志优化了整体的比例关系。

vivo的标志，选择了弱化圆体的字形，

将字母的两端做了水平的切割。

而相比之下，小米将边角的圆弧放大的做法，似乎也变的激进了很多。

或许是为了顺应时代审美，适配新的应用场景，

又或者是品牌自身的业务变化，这些都需要在视觉上有所体现。

但为了降低用户的适应成本，通常标志也并不会调整过大。

想要做到优化细节的同时，又能够继承原有的印象。

这可能并没有看起来那么容易，

它在专业领域中，被称为“标志造型的缜密化细节改良设计”，

具体是在保持原有标志创意和基本图形特征基础上，

造型规范化和细节改良。

想要达成这样的优化，就一定绕不开标志设计中的规范化制图了。

简单来说，这是一门用理性去推敲与量化设计细节的学问。

无论是升级改造又或是从头开始，当一个标志的基本形态被确定后，

我们要保证图形能够在不同的延展场景中，保持统一且完整的视觉感知。

下面我给大家总结了一些规范化制图的方式，一起往下看吧。

根据公元前300年左右的《几何原本》的记载，

希腊人找到了一个规范化制图的方法，

只要利用尺规绘图方法就能实现它。

他们利用尺规制图，

在任意场景下都绘制出标准的正五边形，

并且还能用几何公理去证明它的准确性。

这本书是文艺复兴时期的卢卡·帕乔利修士的著作。

其中作者利用尺规设计了一套衬线体。

这也是1971年至2016年，纽约大都会博物馆标志的原型。

也许你会觉得，这种辅助线仅仅是为了满足人们徒手绘制标志的需求，但实际上，这也只是规范制图的其中一个特性罢了。即便是在如今这个时代，这种设计思维也依然存在于标志设计的创作流程中。这包括对想法与草图的修正，简化造形之间的选择范围，以及为创作提供某种模式化参考依据。

随着标志的不同，与其对应的规范方式也会有所差异。

下面就给大家介绍第二种规范的方式——利用网格系统规范。

例如奥玛印刷加工厂的标志，使用的就是11×11的网格系统制作的。

通过15×15的网格，我们也能够得到中国工会的会徽。

即便是像可口可乐这类不规则的手写风格标志，

方格制图也能够为我们提供基础的比例参照，

方格的数量越是密集，对于标志的规范程度就会越灵活。

当然，如果追求更灵活的规范化方式，

我们可以尝试使用第三种规范化的方式——比例规范。

例如中国银行的标志，则使用了一套动态的单位。

使用这种方式的话，首先我们需要确立一个参考单位X，

它可以由毫米、点、或是像素等任意的单位构成。

接着我们就需要将这个参考单位赋予到标志中的某个位置。

比如其中这个最小的圆角半径是1.5x。

用设定的位置作为参考，我们就可以推导出整体的标准结构，

从而让使用者了解到其中的比例关系，避免错误的使用。

另外这种标注比例的方法，也会被用来规范安全空间，

为了保证标志的清晰识别，周围的这个距离是不允许侵入任何内容的。

这种方法通常也会被用来标注图形与标准字的组合规范，

以及对标准组合的安全空间设定。

既然是使用比例关系来规范，

那么有一个比例是肯定绕不过的，

那就是黄金比例。

例如国家地理杂志的标志就是一个典型的例子。

标志中方框的内侧边缘，其实就是一个黄金矩形。

另外像丰田标志以及华纳兄弟的标志设计规范中，

黄金比例也同样充当着重要的参考地位。

不过话说回来，当然也不是所有的标志，

都会严格的按照几何的造型或者比例关系去规范，

比如谷歌的标志，就让许多完美主义者感到了强烈的不适。

这个标志的外圈与内圈都非一个完美的正圆，

不仅如此，内部的横笔粗细，

与外圈的环形高度也存在着粗细不一的情况。

甚至用来划分标志内部色彩的倾斜线条，也并没有对齐。

可能看到这儿的小伙伴，会认为谷歌的设计师明显都开启了躺平模式。

可真相真的是这样吗？

我们不妨试着依照所谓完美的方式绘制一版。

我们会发现，实际用肉眼去观看这个标志时，

右侧的开口处的曲线会给人一种向外延伸的错觉，

而当我们把它看成一个字母G的时候，

起笔的位置显得也并不自然。

那解决的办法是可以将起笔的角度对准圆心。

并且把右侧的开口向内收缩一些，来抵消之前的错觉。

至于色彩的划分的部分，

我们参照收口的底部绘制水平线相交到外圆，

再由这一点连接右下角，镜像翻转这个部分，

随后将视觉重心略微上提，

这刚好让右上角的线条连接到了起笔的上方。

经过一番视觉上的修正，我们看这个标志明显看起来舒适了很多，

修改过的版本，其实就是谷歌如今正在使用的标志了。

在nasa的蠕虫标志中，我们也会看到，虽然绝大部分笔画都统一了粗细，

但其中倾斜与转角部分为了视觉协调，也进行了缩减的处理。

在我们的印象里，奥运五环的标志是由五个等大的圆环构成的。

可是当我们给每个圆环赋予不同的颜色之后，

由于不同色相存在明度的差异，视觉上的膨胀感也不一样，

导致了圆环在视觉的粗细上不统一。

所以最终奥运的标志，加粗了张力较弱的黄色，

并且减弱了张力更强的黑色，从而达到一种比较和谐的状态。

不过对于标志设计来说，并非画好了一个logo就一劳永逸了。

为了适应不同的应用场景，很可能我们需要根据不同的场景去调整出多套方案。

例如IBM的标志，它可以经由一套15×36的网格构成。

横纹是这个标志的特点。

但在小尺寸下，这些横纹会显得过于密集，

而当使用在相对更大的尺寸时，又会觉得横纹间隙过大。

针对这样的情况，

设计师分别制作了三种不同的样式，

以应对不同的应用场景。

微软同样也为了不同的尺寸设计了不同版本的尺寸。

在小尺寸下，首字母M的转角处，存在油墨陷阱，

这是针对小尺寸特别做的优化。

而在更大尺寸的展示中，首字母并不存在这个特性。

除了尺寸，logo也需要根据不同的背景色设计出不同的版本。

当logo被反白应用在黑底时，也许你会觉得直接改下颜色就大功告成了，

可现实总会发现一些奇奇妙妙的状况。

经过反白的logo看上去明显更加臃肿了，这是视觉生理造成的侧抑制影响。

也正因为如此，我们需要重新制作一版稍显瘦弱的标志版本。

另外，比如像肯德基爷爷这类具有面孔的标志，

在实际反白过程中，如果直接进行换色处理，

那绝对是一种阴间操作。

在修正的过程中，我们当然需要把光影的结构也考虑进去。

当然，尺规制图也并不是束缚想象力的洪水猛兽，即便是在同样规则的固定架构下，其实也能够延展出变化丰富的图形符号。无论是选择追求完美的数理关系，亦或是灵活多变的局部修改，这两者其实并没有优劣之分。因为能够最终主导设计决策的， 从来都不是那一条条冰冷的辅助线，而是坐在电脑前苦思冥想的你。那么本期的内容就到这里，我们下期再见！