跳到主要内容

设计基于动态图标的品牌标识

时间,变化,灵活性和活力。这些都是今天在品牌推广中发挥重要作用的关键因素。身份系统需要允许多次迭代,具体取决于品牌的代表地点和方式。

本教程解释了解决该问题的一种方法。我们使用模块化网格创建了自适应标识,可以应用于一系列视觉元素或图标。我们创建的品牌是'Nerbo',这是我们在诺丁汉特伦特大学硕士学位期间设想的咖啡连锁店。经过几个月的品牌推广过程,我们开发了一个动态的身份识别系统,包括徽标,模块化网格,排版和图标集。在以下步骤中,我们将介绍该过程中涉及的技术,然后您可以将这些技术应用于您自己的身份项目。

第01步

第一阶段是设计你的图标集。首先定义您想要如何表示每个图标并决定图标的总数。他们需要一种凝聚力的审美风格,以便他们一致地工作,而不是相互竞争 - 尝试不同的选择。在这里,您可以看到三种不同风格的三个图标集。

第02步

勾勒出您的想法后,打开Illustrator并开始使用网格设计图标的框架。我们使用了Illustrator默认的基于方形的网格。要激活它,请转到视图>显示网格。要修改设置,请转到首选项>指南和网格。我们的框架由分段和圆周部分组成。

第03步

我们使用几何形状的部分,删除它们的一部分,以创建我们的图标的最终形式。您可以使用“直接选择”工具选择和删除路径的某些部分,也可以使用“路径查找器”的“分割,修剪,合并和裁剪”命令。加入其余路径的所有点(对象>路径>连接),以使完成图标的框架为闭合形状。

第04步

要在图标之间创建一致感,请定义其尺寸,确保它们的高度或宽度相同。另外,选择一个普通的笔划粗细并将其应用于所有图标。之后展开所有路径(Object> Expand)。

第05步

现在让我们通过光学校正来改善图标的美感。我们应用了一些基本规则:人眼不同地感知水平和垂直线的厚度,例如,即使它们是相同的。要使用外部路径,请使用“直接选择”工具选择每个点,或使用“转换锚点”工具来使用控制柄和贝塞尔曲线。

第06步

您的图标集已准备就绪。我们现在将向您展示如何设计基于网格的动态身份系统。您可以使用任何类型的几何模块化网格 - 我们的是三角形网格,我们使用www.scriptographer.org上的Illustrator网格生成器脚本。

第07步

下载网格生成器脚本并安装它。你会找到你需要的说明这里。我们建议您应用明亮的颜色笔划并将所有三角形模块组合在一起(对象>组)。

第08步

这是一个动态的身份,所以首先我们为Nerbo设计了一个自适应徽标。正如您在此处所看到的,图形元素会更改标识周围的位置,从而创建五种不同的徽标组合。

第09步

从三角形网格开始,您可以设计无数不同的构图,使用徽标,图标集和文本的位置和布局。接下来,我们将向您展示我们如何在身份系统中的某些元素上使用网格。这些只是示例:您可以创建无数不同的组合,根据您的需要定制它们。

第10步

对于项目的编辑部分,我们使用三角形网格来支撑布局和构图,确保所有图形,照片和印刷元素都根据网格模块进行对齐。

第11步

我们的文具也使用网格作为其设计的基础。在这种情况下,它用于从图形元素中划分徽标,在图形和纸层之间创建重叠。在Illustrator中设计图形合成之前,始终创建模型以测试最终结果。

第12步

对于包装,我们使用网格设计由图标集组成的图案,徽标位于中心。在这种情况下,网格以均匀的方式进行跟踪,徽标和图形元素之间的关系立即可见,有助于加强品牌认知度。

第13步

现在进行商品推销。与身份系统中的其他工件相比,我们在相对较大的方面使用了图标。通常,图形元素单独用于特定产品,在某些情况下,网格是不可见的 - 就像帆布袋一样。动态通过对象之间的关系以及通过单个对象传递。

第14步

第14步

为了设计海报,我们使用徽标,图标集和排版,应用三角形网格来制定均匀的构图。

第15步

模块化网格可以应用于身份系统的所有不同元素 - 在这种情况下,我们也使用它来设计内部零售空间。可能性是无止境。有关我们最终结果的更多图片,来到这里。现在您已经掌握了这些技术,您可以开始将它们应用到您自己的灵活身份项目中。

喜欢这个?阅读这些!



翻译字数超限