设计师一定要知道——响应式LOGO

随着屏幕尺寸的缩小和新的广告渠道的出现，与品牌有关的东西对企业主而言变得越来越明显：logo不能再是固定且毫无变化的了。

因此出现了响应式logo。那它是什么呢？响应式LOGO是形状变化的logo，其大小，复杂性甚至颜色都会发生变化，以适应放置在任何位置的logo。

——「迪斯尼的响应式logo会随着细节尺寸的缩小而缩小细节，向其他品牌展示它的尺寸」

最初被认为是一种设计趋势，响应式logo似乎不再是一种时尚，而更像是一种实际必需品。如今，需要放logo的地方比以往任何时候都多，而且大小各异。数十年来的经典准则“永不更改logo”？如今，它不再适用了。

无论这是你第一次听说响应式logo，还是正在积极考虑制作自己的logo，下面的文章都会告诉你所有你需要了解的内容：它们是什么，为什么需要它们，甚至如何自己设计。

响应式LOGO的历史

你可能已经听到很多流行语“响应式”。该术语最初是用来描述网站如何适应或“响应”不同屏幕尺寸的。目标是无论在台式机，平板电脑还是手机上，网站都始终处于最佳状态。最近，logo借用了这个词来描述其自身的尺寸转换功能。

但事实是，“响应式”logo的存在时间比自适应网站甚至互联网更长！

——「Vesper Hill具有用于诸如产品标签之类的小材料的单独徽标设计，并且还仅用于其婚庆服务」

在上个世纪，公司尝试了不同的“语境”logo，以适应特定的位置或印刷介质。有时，公司会从黑白报纸的logo中突出颜色。其他时候，他们缩小并简化了logo，使其出现在促销笔上。或者他们通常添加更多的装饰以获得令人印象深刻的信头纸。

即使在使用智能设备之前，更改logo也具有实际优势。这并不是说响应式logo应该彼此不同。相反，更多的是关于创建同一事物的不同版本，然后对其进行优化以更好地适应不同的媒介环境。

随着市场营销的发展，人们想到了logo应保持一致以提高品牌知名度。这个想法是有道理的（一致性对于响应式logo也很重要），但是过于刻板地更改logo可能会违反直觉。与其在你的名片上复制粘贴为广告牌设计的logo，不如根据媒介环境优化你的logo。

由于移动设备的普及以及随之而来的屏幕尺寸的扩展，品牌开始重新考虑其“永不改变logo”的想法。明年，它将成为新的规范。

——「FENNEC公司logo对不同使用环境做出了不同的设计变化」

响应式LOGO很重要

响应式logo的优势显而易见。考虑到一家现代公司需要在所有不同的地方放置logo，因此不可能在任何地方使用相同的版本而不丢失一些东西。

数字

让我们从屏幕大小开始。单单是移动浏览的流行就至少需要一个logo的替代版本。

但是最近，我们正从智能手机转移到更小的设备：智能手表，智能手环和智能眼镜。如果你认为全尺寸logo在手机上看起来很模糊，那过几年当它挤在AR应用程序的屏幕角落里时会更甚于此。

另外，我们还在小屏幕上投放了小广告。即使在台式机网站上投放广告，您的广告也有可能受到影响。在移动设备上的影响是其两倍甚至更多！

印刷与环境

在数字空间之外，公司正在探索新的多元化广告渠道。对于促销衍生品（T恤，笔，包，帽子等）等传统方法，你不仅需要考虑logo的大小，还需要考虑其在不同材料上的体现形式。

而且，不要忘记游击营销的流行，在公共场所logo会意外出现，例如用涂鸦壁画代替广告牌。换句话说，即使是严格意义上的非数字品牌，其logo也需要具有它的灵活性。

问题来了，该如何设计响应式LOGO呢？

1.至少制作四个不同的版本

分解响应式logo时，你会发现同一logo的三个或四个不同版本，其大小和详细程度有所不同。在开始尝试格式时，请记住这一点。

如果你已经知道要在哪里使用logo，则可以围绕这些位置对四个版本进行设计。如果没有，你可以参考上面知名品牌使用的格式。

你的第一个变化应该是你的主logo，其中包含你要表达的所有信息，以及你有足够的空间来容纳额外的装饰。

2.放大或缩小时添加或删除详细信息

那么，上面概述的四个版本有什么区别？如果你熟悉响应式Web设计，那么你已经知道设计师会随着屏幕尺寸的增加而添加细节，而随着屏幕尺寸的减小而删除细节。

它可能有助于事先确定logo元素的优先级。例如，当你有足够的空间时，诸如口号或公司成立日期之类的低优先级元素是很好的装饰内容，但是当空间变小时，优先级最重的元素应该是第一个使用的。像公司名称这样的优先级较高的元素应保留尽可能长的时间，但是很难以最小的尺寸来证明其必要性。

这不仅仅是去除元素，而是降低它们的细节层次。在下面的Argento logo中，较小版本的图像实际质量有所降低，用越来越简单和更加实心的黑线替代了字母和太阳光的清晰轮廓。

同样，你也可以减少颜色的数量，以简化你的logo。在较小的尺寸下很难看到颜色，如果你有太多的颜色，设计就会变得过于繁忙和分散注意力。在设计小尺寸的响应式logo时，简洁是关键。

通过最小化logo中的混乱现象来形成创意。例如，你可以完全将公司名称替换为缩写，而不是完全删除公司名称。在第4步中，我们将讨论此方法和其他简化图像的创造性方法。

3.保持一致

——「在两个不同版本的Green Buffalo logo中，即使结构非常不同，字体，配色方案和纹理效果仍然相同」

关于响应式logo的最大的误解之一是每个版本都应该是一个新logo。但事实是，正如我们上面所说，响应性logo是同一个原始logo的不同版本。

在你的响应logo的每个版本中，要保持共同的思路将它们链接在一起。通过每一个logo变化与字体和颜色方案保持一致。这些元素天生就与你的品牌作为一个整体，而不仅仅是你的logo。

这并不是说你根本无法修改这些元素。考虑到小logo的局限性，请随时简化版式或颜色使用，同时仍与原始logo保持足够的一致性。

4.使用较小的抽象符号

有时候当你设计你的标志的小版本时，你会碰到一些困难，原来的东西丢失了太多。如果是这种情况，请不要强行使用！有些设计无法简化（尝试时看起来很糟糕）。一个更明智的选择是使用新符号来表示原始符号。

——「Heinz按比例缩小了前三个版本的细节，但对最后一个版本使用抽象表示」

亨氏通过将标签与logo融合在一起，充分利用了标签独特的抽象形状，从而做到了这一点。尽管他们使用传统的方法删除前三个版本的细节，但最终版本只是标签的独特形状以及熟悉的配色方案，以提高识别度。因为他们是家喻户晓的品牌，所以他们的客户无需费神就能轻松识别出亨氏logo。

——「由于Google保留了字体和配色方案，因此当他们需要较小的logo时，他们有能力摆脱“多余”的字母」

但是那些商标只是他们的名字，没有任何图像的品牌呢？通常，当这些品牌制作响应性logo时，它们会用较小尺寸的首字母或花押字替换其全名。不管你是用抽象的形状还是缩写，原理都是一样的。那些对你的品牌足够熟悉的人仍然会认识到你的标志性元素。

只要记住我们上面所说的关于一致性的内容即可；你包含的视觉线索越多，人们就越容易认出你。

5.策略性地使用堆叠和重新排列

自适应logo并不总是更大或更小。根据定义，响应logo旨在“响应”不同的情况。通常大小，也是为了让它们如何与周围区域融合在一起。

对于某些logo，可以在堆叠元素（如文本）的方式上获得更大的灵活性。你不必完全删除元素，而只需重组所有内容即可达到相同的节省空间的效果。

请看左边三个AMBR咨询集团标志中的含义。如果公司选择数字横幅广告，则无论横幅是垂直还是水平，其logo都将得到优化。除此之外，当其他选项都不起作用时，它们还有一个完美的方形logo。

设计响应式logo时，请考虑将重新排列作为一种选择，而不仅仅是删除元素。在某些情况下，明智的规划可以让你以较小的尺寸保留logo的关键部分。

结束语

当然，只有一个logo会更容易，更方便，但是打开的营销渠道越多，一个logo的效果就越差。无论工作是什么，响应式logo都是值得你拥有的完美武器。