在这篇客座文章中，与vi字体设计公司的团队一起走进幕后，分享他们根据真实客户项目设计响应式标志的过程。我们走吧！

PicnicHealth 品牌设计绘图图标标识插图iphone 标志标记网站Testmo 品牌重塑品牌标识标志管理工具标记现代标志图案品牌重塑响应式标志测试testmo 时间跟踪器展开Oceana 标志建筑品牌建筑木炭圆形工程绿色网格图标身份标志标志设计海洋机器人单T 恤水波浪

什么是响应式标志？

互联网上有几篇很好的文章介绍了响应式标志是什么以及为什么需要它们。在本文中，我不会深入探讨历史或详细考虑各种示例，但我会告诉您我们如何在Unfold 机构设计响应式标志。为此，我将采取一个真实的客户案例，并逐步引导您完成所有阶段。

响应式标志是具有设计元素的标志，其设计元素会根据显示它们的设备或屏幕尺寸而略有不同。

如果您不熟悉响应式标志的概念，这里有一个简短的描述：响应式标志是一种标志，其设计元素会根据显示它们的设备或屏幕尺寸而略有不同，但不会影响品牌标识。考虑的设计元素可能包括图标或符号、公司名称和标语、颜色、背景、轮廓和其他细节。

现在，让vi字体设计公司继续这个项目，您将看到我们的团队如何为我们的客户开发响应式标志。

项目：为下一代测试工具设计一个标志

前段时间，vi字体设计公司的团队找到了我们，他们创建了下一代测试管理工具来帮助团队创建高质量的软件。Testmo 的创始人解释说，“软件变得越来越复杂；用户需要完美的应用程序。我们帮助团队到达那里。”

在与客户就视觉方向达成一致后，我们开始开发他们的标志设计。由于我直接从事这个项目，我一头扎进了与测试软件和相关领域相关的图像和符号的研究。在我的研究过程中，我遇到了一篇名为“面向测试人员的六边形架构”的文章，并决定用六边形制作一些草图来开发标志。

这个想法原来是相当成功的，经过一番提炼，得到如下概念：

但在向客户展示概念之前，vi字体设计公司首先需要仔细考虑并测试所有内容，以确保标志设计适用于不同的应用程序。

第1 步：单色版本

我们从标志的单色版本开始，因为如果标志不能以黑白方式工作，那么它在技术上就不是标志，需要一定程度的风格化。例如，在Dribbble 上，你可以看到很多名为“logo”的漂亮镜头。但是，标志不是精美的图片或插图，而是应该在各种条件下工作的标志。

最重要的是，由于生产成本，有时只有一种颜色的墨水可用。因此，必须仅使用一种颜色来复制标志。在这种情况下，必须按照深色背景上浅色的惯例使用标志、标识或符号，反之亦然。

也是在这个阶段，我们选择了与符号一起使用的排版。我们选择合适的字体，对其进行测试，并在必要时对其进行修改，以使标识和标识看起来成为一个整体。

第2 步：全彩版

如果单色版本效果很好，那么我们开始开发全色版本。大多数情况下，它是水平的基本版本。横向标志主要用于网站、名片、广告牌上的广告和其他赞助产品。

这里的主要挑战是为标志设计找到适合浅色和深色背景的正确颜色组合。这并不总是一项简单的任务- 有时标志在白色和浅色背景上是完全可读的，但在深色背景上则不然，反之亦然。完成这项任务后，您可以问心无愧地继续前进。

第3 步：小尺寸版本

在标志设计方面，在Unfold，vi字体设计公司遵循以下规则：“少即是多”。换句话说，我们的目标是同时让标志变得简单、令人难忘和独特。这很难实现，但这样的标志即使在几十年后也不会失去它的意义！但即使是小规模的简单形式有时也会失去可读性。因此，我们必须制作可用于特别小尺寸的标志标记的附加版本。

我们进行了详细的测试并定义了标志的缩放比例。我们通常不建议使用小于24 像素的标志的主要版本，而是创建标志的附加版本。这里的一切都取决于标志包含多少细节。

在创建一个小版本的标志时，我们基本上在不牺牲整体概念的情况下去除了细节。例如，我们删除线条和形状，或者去掉不必要的颜色。

第4 步：灰度版本

如果标志中使用了一种以上的颜色，我们会制作灰度版本。当由于某些限制而只能使用某些墨水的色调时，这是必要的。当需要将标志放置在彩色背景上时，还需要避免将标志缩小为单色版本。

下面，我将4 个版本的标志设计放在一起，涵盖了大多数响应式应用程序方面。

第5 步：垂直版本

在我们完成了标志的水平版本（上面概述的步骤）之后，vi标准字体设计公司创建了一个垂直版本，即所谓的堆叠版本。

垂直版本用于方形和垂直布局格式。例如，用于印刷印刷产品、T 恤、马克杯、即时通讯工具、社交网络、招牌等。

vi字体设计公司写了一篇关于如何在构建垂直版本时保持良好平衡的详细文章，您会在其中找到许多示例和大量有用的信息。