研习设订阅号
设计干货 杜绝注水
在文章开始之前，我们先来玩个游戏，限时五秒，你能找出哪一个才是淘宝最新的标志吗？找到了吗？左滑图片就可以得到答案啦。
放大它，能够让我们更容易看出它们之间的差异。可能你会有这样的疑问，这标志好像改了，但又没完全改。既然差异不大，为什么还要在这种细节上做调整呢？
带着这样的疑问，我们会发现，原来很多标志的优化升级，也都差不太多。比如宜家的标志优化了整体的比例关系。
vivo的标志，选择了弱化圆体的字形，将字母的两端做了水平的切割。
而相比之下，小米将边角的圆弧放大的做法，似乎也变的激进了很多。
或许是为了顺应时代审美，适配新的应用场景，又或者是品牌自身的业务变化，这些都需要在视觉上有所体现。但为了降低用户的适应成本，通常标志也并不会调整过大。
想要做到优化细节的同时，又能够继承原有的印象。这可能并没有看起来那么容易，它在专业领域中，被称为“标志造型的缜密化细节改良设计”，具体是在保持原有标志创意和基本图形特征基础上的造型规范化和细节改良。
想要达成这样的优化，就一定绕不开标志设计中的规范化制图了。简单来说，这是一门用理性去推敲与量化设计细节的学问。
无论是升级改造又或是从头开始，当一个标志的基本形态被确定后，我们要保证图形能够在不同的延展场景中，保持统一且完整的视觉感知。下面我给大家总结了一些规范化制图的方式，一起往下看吧。
根据公元前300年左右的《几何原本》的记载，希腊人找到了一个规范化制图的方法，只要利用尺规绘图方法就能实现它。
他们利用尺规制图，在任意场景下都绘制出标准的正五边形，并且还能用几何公理去证明它的准确性。
这本书是文艺复兴时期的卢卡·帕乔利修士的著作。
其中作者利用尺规设计了一套衬线体。
这也是1971年至2016年，纽约大都会博物馆标志的原型。
也许你会觉得，这种辅助线仅仅是为了满足人们徒手绘制标志的需求，但实际上，这也只是规范制图的其中一个特性罢了。即便是在如今这个时代，这种设计思维也依然存在于标志设计的创作流程中。这包括对想法与草图的修正，简化造形之间的选择范围，以及为创作提供某种模式化参考依据。
随着标志的不同，与其对应的规范方式也会有所差异。下面就给大家介绍第二种规范的方式——利用网格系统规范。
例如奥玛印刷加工厂的标志，使用的就是11×11的网格系统制作的。
通过15×15的网格，我们也能够得到中国工会的会徽。
即便是像可口可乐这类不规则的手写风格标志，方格制图也能够为我们提供基础的比例参照，方格的数量越是密集，对于标志的规范程度就会越灵活。
当然，如果追求更灵活的规范化方式，我们可以尝试使用第三种规范化的方式——比例规范。例如中国银行的标志，则使用了一套动态的单位。
使用这种方式的话，首先我们需要确立一个参考单位X，它可以由毫米、点、或是像素等任意的单位构成。
接着我们就需要将这个参考单位赋予到标志中的某个位置。比如其中这个最小的圆角半径是1.5x。
用设定的位置作为参考，我们就可以推导出整体的标准结构，从而让使用者了解到其中的比例关系，避免错误的使用。
另外这种标注比例的方法，也会被用来规范安全空间，为了保证标志的清晰识别，周围的这个距离是不允许侵入任何内容的。
这种方法通常也会被用来标注图形与标准字的组合规范，以及对标准组合的安全空间设定。
既然是使用比例关系来规范，那么有一个比例是肯定绕不过的，那就是黄金比例。
例如国家地理杂志的标志就是一个典型的例子。标志中方框的内侧边缘，其实就是一个黄金矩形。
另外像丰田标志以及华纳兄弟的标志设计规范中，黄金比例也同样充当着重要的参考地位。
不过话说回来，当然也不是所有的标志都会严格的按照几何的造型或者比例关系去规范，比如谷歌的标志，就让许多完美主义者感到了强烈的不适。
这个标志的外圈与内圈都非一个完美的正圆，不仅如此，内部的横笔粗细，与外圈的环形高度也存在着粗细不一的情况。
甚至用来划分标志内部色彩的倾斜线条，也并没有对齐。可能看到这儿的小伙伴，会认为谷歌的设计师明显都开启了躺平模式。可真相真的是这样吗？
我们不妨试着依照所谓完美的方式绘制一版。
我们会发现，实际用肉眼去观看这个标志时，右侧的开口处的曲线会给人一种向外延伸的错觉，而当我们把它看成一个字母G的时候，起笔的位置显得也并不自然。
那解决的办法是可以将起笔的角度对准圆心。
并且把右侧的开口向内收缩一些，来抵消之前的错觉。
至于色彩的划分的部分，我们参照收口的底部绘制水平线相交到外圆，再由这一点连接右下角，镜像翻转这个部分，随后将视觉重心略微上提，这刚好让右上角的线条连接到了起笔的上方。
经过一番视觉上的修正，我们看这个标志明显看起来舒适了很多，修改过的版本，其实就是谷歌如今正在使用的标志了。
在nasa的蠕虫标志中，我们也会看到，虽然绝大部分笔画都统一了粗细，但其中倾斜与转角部分为了视觉协调，也进行了缩减的处理。
在我们的印象里，奥运五环的标志是由五个等大的圆环构成的。
可是当我们给每个圆环赋予不同的颜色之后，由于不同色相存在明度的差异，视觉上的膨胀感也不一样，导致了圆环在视觉的粗细上不统一。
所以最终奥运的标志，加粗了张力较弱的黄色，并且减弱了张力更强的黑色，从而达到一种比较和谐的状态。
不过对于标志设计来说，并非画好了一个logo就一劳永逸了。为了适应不同的应用场景，很可能我们需要根据不同的场景去调整出多套方案。例如IBM的标志，它可以经由一套15×36的网格构成。横纹是这个标志的特点。
但在小尺寸下，这些横纹会显得过于密集，而当使用在相对更大的尺寸时，又会觉得横纹间隙过大。
针对这样的情况，设计师分别制作了三种不同的样式，以应对不同的应用场景。
微软同样也为了不同的尺寸设计了不同版本的尺寸。在小尺寸下，首字母M的转角处，存在油墨陷阱，这是针对小尺寸特别做的优化。
而在更大尺寸的展示中，首字母并不存在这个特性。
除了尺寸，logo也需要根据不同的背景色设计出不同的版本。当logo被反白应用在黑底时，也许你会觉得直接改下颜色就大功告成了，可现实总会发现一些奇奇妙妙的状况。
经过反白的logo看上去明显更加臃肿了，这是视觉生理造成的侧抑制影响。
也正因为如此，我们需要重新制作一版稍显瘦弱的标志版本。
另外，比如像肯德基爷爷这类具有面孔的标志，在实际反白过程中，如果直接进行换色处理，那绝对是一种阴间操作。
在修正的过程中，我们当然需要把光影的结构也考虑进去。
当然，尺规制图也并不是束缚想象力的洪水猛兽，即便是在同样规则的固定架构下，其实也能够延展出变化丰富的图形符号。无论是选择追求完美的数理关系，亦或是灵活多变的局部修改，这两者其实并没有优劣之分。因为能够最终主导设计决策的， 从来都不是那一条条冰冷的辅助线，而是坐在电脑前苦思冥想的你。
由于微信公众号更改了推送机制，推文不再按照时间线推送，为了以后能及时观看到我们的教程和文章，看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章，这将是对我们最大的鼓励和支持。
本篇文章来源于微信公众号: 研习设
