从概念到现实——标志开发指南

已发表: 2022-03-11

为现代品牌设计符号

随着越来越多的公司和产品在线上和线下争夺市场认可度,一个精心设计的标志是一种商业优势,可以抓住消费者的注意力,一目了然地代表了一个品牌的核心价值。 一个好的标志不仅仅是一个通用的图标。 它是公司所代表的一种体现——品牌的视觉大使。

现代品牌标志发展
现代品牌标识。

看到一个符合公司精神的标志总是令人耳目一新,但要找到正确的解决方案需要充足的时间、技能和经验。 一个深思熟虑的设计过程是开发一个有效和有创意的标志的关键,但这个过程是什么样的呢? 它是如何展开的?

本文介绍了一个简单、直接且高效的标志设计过程,旨在为现代品牌和日益成熟的消费者创建标志。 它提供了一些有用的标志设计技巧,并提供了一个框架,标志设计师可以使用它来指导客户从最初的研究阶段到项目文件的最终交付。

由于精明的设计师一直在寻找为他们的工作带来附加值的方法,我们将探索一些实用的选择,为您的客户品牌提供竞争优势。

成功标志的特征

虽然遵循久经考验的真实标志设计过程很重要,但首先必须清楚地了解标志成功的原因。 标志设计项目开始时存在的空白画布并不是创意过度的许可。 为了让一个标志成为一个好的品牌大使,它必须遵守一些值得信赖的原则。

遵循SMART系统的五项原则,可以让公司和产品在拥挤的市场中脱颖而出,并形成持久的受众联系。

  • 简单:使其易于理解和识别。
  • 令人难忘:一个好的标志应该足够独特以至于令人难忘。
  • 永恒:最好的标志是永恒的,并且可以在不断变化的趋势中生存。
  • 可靠:灵活性和可扩展性是跨不同平台、媒介和尺寸使用徽标的关键。
  • 周到:标志的每一个细节都应该被考虑和打磨,以有效地象征品牌的质量和实用性。

各种媒体和设备上不同尺寸的标志设计和标志开发
不同设备上不同比例的标识。

对于现代品牌来说,设计徽标时应考虑到许多用例。 例如,一家航空公司的标志需要在移动应用程序上用作一个小图标,同时在飞机尾部的超大尺寸上仍然看起来不错。

解开标志设计过程

为了演示标志设计过程,让我们使用一个名为Newsbolt的虚构新闻应用程序——以光速传递趋势新闻。 我们将逐步遵循徽标设计过程,并在此过程中提供关键见解。

最终标识

理解设计简介的关键

标志设计过程的第一阶段涉及审查和理解设计简介。 这是一项相对简单的任务,但至关重要。 将其视为房屋的基础。 对简报的简陋理解将在整个项目中产生许多问题。

什么是设计简介? 简而言之,它是一份有助于定义徽标代表什么的文件。 基本简介将涵盖以下内容:

  • 目标:该项目是否有必须达到的特定目标才能被视为成功?
  • 交付成果:项目完成时预期的可交付成果是什么?
  • 时间表:是否期望项目应在一定时间内完成?
  • 项目利益相关者:谁参与了项目的决策?
  • 目标受众:徽标应该引起哪些人群的共鸣?
  • 产品或公司简介:产品或公司的用途是什么? 它们给人们带来了什么价值?
  • 品牌定位声明:品牌对消费者承诺的核心是什么,它如何看待自己与竞争对手的关系?
  • 预算与付款:是否有项目预算,如何处理付款?

视觉研究与艺术指导

视觉研究——发现灵感

视觉研究是设计师睁开眼睛看世界的时候。 它涉及浏览与艺术和设计相关的书籍、作品集网站和杂志。 它还包括参观博物馆、画廊、零售店或鼓舞人心的地标。

Dribbble 用于视觉研究和标志设计和标志开发的灵感
使用 Dribbble 进行视觉研究和标志设计的灵感。

重点是通过用高质量的美丽、独创性和工艺的例子淹没自己来激发想象力。

以下是帮助您开始搜索的在线资源的简要列表:

  • LogoLounge是一个以徽标为中心的展示网站,用于浏览来自世界各地的设计师的徽标。
  • Dribbble是一个极具影响力的设计平台,设计师们虔诚地上传他们最新和最伟大的作品。
  • Muzli是一个网站,汇集了网络上最流行的设计作品。

艺术指导——为创作意图铺平道路

一旦视觉研究完成,设计师应该带领客户完成至少一轮的艺术指导。 现在是时候通过使用情绪板(主题、感受和视觉想法的马赛克)将视觉研究提炼成简洁的艺术意图计划。

品牌情绪板开始标志设计过程
在 Sketch 中创建的简单情绪板。

最好的情绪板显示出明显的趋势并吸引特定的受众。 屏幕设计软件 Sketch 是一种将图像快速组织到情绪板中以向客户展示的好方法。

构思和素描

创意——创意从何而来?

最终,随着想法从脑海中传播到页面,研究必须转化为创造性的输出。 启动徽标设计过程的这一部分(称为构思)的一个好方法是头脑风暴会议 - 捕捉相关概念并缩小最可行选项的时间。

标志开发从纸上的草图开始
纸上的快速想法开始标志设计过程。

有时,这可能就像写一个描述性单词列表或尝试在 5 分钟内勾勒出 25 个想法一样简单。 可能性比比皆是,但 Fast Company 的文章10 激发创造性思维的练习中概述了一种特别有效的头脑风暴练习,称为翻译

转变的过程极大地激发了思想。 将事物从一种形式或媒介转换为另一种形式可以将思想引导到全新和令人兴奋的方向。 一个想法导致另一个想法——然后你就走上了想法之路。

俄罗斯艺术家瓦西里·康定斯基将古典音乐翻译成抽象画,选择不同的颜色来表示音乐所激发的不同情感。

练习时,将以下单词翻译成排版——懒惰、快乐、响亮、柔和。

素描——每个标志设计师的宝贵实践

即使是最基本的草图也是标志设计过程的资产。 创意受阻的主要原因是在项目的初始阶段过多的自我编辑。 快速、粗略的草图是快速探索想法的好方法,无需考虑“完成”的质量。

标志设计草图绘制过程作为标志开发的一部分
作为徽标开发的一部分的一些草图迭代。

这些早期粗略草图的另一个好处是它们通常具有与生俱来的比例和平衡感。 当设计师准备好开始数字跟踪徽标时,这使得它们作为参考层非常有用。

数字细化

在完成构思和概念草图之后,您将获得一个可靠的蓝图,用于在 Adob​​e Illustrator 中完善徽标。 Illustrator 是一款高性能设计软件,用于创建矢量格式图形、可无限扩展且不会出现质量损失或像素化的艺术文件。

标识开发:标识的数字化改进
标志设计的数字改进过程。


标志开发:单色标识
Illustrator 中的最终标识——单色版本。

以下列表包含一些链接,这些链接可以选择解释 Illustrator 一些最有用的标志设计工具的教程:

  • 基本形状:学习使用圆形、矩形、三角形和正方形的几何形状来创建更复杂的形状和设计。
  • 对齐工具:通过了解如何有效地精确对齐对象来节省时间并防止头痛。
  • 探路者:使用相交的形状快速创建新的形状和符号。
  • 形状生成器:探路者有其局限性。 幸运的是,Shape Builder 已经准备好收拾残局了。
  • 钢笔工具:它可能是一个难以学习的工具,但要大胆。 笔里有力量!
  • 奖励:不是教程,但 Astute Graphics 插件是矢量图形世界中备受推崇的效率工具。 免费的“SubScribe”插件集非常有用。

标志设计中的色彩

在标志设计中使用颜色是一个广泛且非常重要的话题,涵盖了从色彩理论到人类心理学的各种学科。 考虑到这一点,最好向客户展示提供高对比度的简单而和谐的配色方案。

标识开发:最终标识颜色版本
最终标识 - 彩色版本。


Adobe Color CC 中的不同标识调色板
Adobe Color CC 调色板。

有许多在线资源可以帮助设计师了解颜色:

  • Ctrl+Paint:概念艺术家 Matt Kohr 展示了一系列快速简单的视频教程,从数字绘画的角度解释颜色选择和混合。 这些对于希望更好地了解颜色组合选择的“原因”和“方式”的设计师来说非常有用。
  • COLOURlovers:一个创意社区,来自世界各地的艺术家和设计师在这里创建和分享配色方案。
  • Adobe Color CC: Color CC 允许用户使用复杂的色轮创建配色方案或浏览来自 Adob​​e 社区的数千种颜色组合。
  • Pinterest: Pinterest 包含现成的配色方案,它是观察色彩趋势在一年中演变的好地方。

在创建配色方案时,重要的是要记住,徽标最终必须离开 Illustrator 和 Sketch 的舒适范围,白色空间永远存在,在现实世界中生活和工作。

作为标志设计过程的一部分的深色和浅色选项
在徽标开发过程中需要考虑深色和浅色徽标选项。

这要求徽标适用于浅色和深色背景以及黑色和白色。 在这些设置中预览徽标时,请准备好进行细微调整。 黑白颠倒倾向于暴露微妙的设计缺陷或更糟糕的是,无意的象征意义。

*专业提示:通过应用简单的“反转”过滤器,在标志设计过程的构思和草图阶段捕捉黑白反转缺陷。

组织和交付文件

一旦一个标志完成并得到客户的批准,就该交出最终的设计文件了。 文件夹和文件应该井井有条,标签清晰,并且可以通过 Google Drive、Dropbox 或其他可靠的文件共享服务轻松访问。

对于刚接触徽标设计的设计师,以下是客户可能需要的不同文件格式的快速细分:

  • 打印文件:矢量格式文件是打印的首选,因为它们允许徽标在大比例和低分辨率下保持清晰和清晰。 格式包括 EPS、SVG、AI 和 PDF。
  • Web 文件: Web 需要基于像素的文件(JPEG、PNG、GIF)或基于矢量的文件(SVG – 可缩放矢量图形)。
  • 如果徽标设计使用多种颜色过渡和渐变,则JPEG 文件是最好的,因为它们保留了原始设计更丰富的照片渲染。
  • 当标志设计主要使用平面颜色和形状,几乎没有阴影或渐变动作时, PNG图像是最好的。

如何为客户提供价值和愿景

提供基本风格指南

经验丰富的设计师总是在寻找为客户提供附加值的方法。 创建一个漂亮的标志是令人钦佩的,但设计师还应该考虑如何为客户提供有效使用标志的简单策略。 一种方法是在项目开始时询问客户是否需要基本的风格指南。

标识指南是标识开发的一部分
Medium的标志指南。

需要明确的是,基本风格指南与庞大的企业品牌文件不同。 相反,它是一个 1-2 页的实用注意事项大纲,与徽标的颜色、比例、填充、方向等有关。这是来自设计发布平台 Medium:Medium Branding Guidelines 的一个很好的例子。

考虑使用微妙的动画

为徽标增加价值的另一种方法是动画。 在适当的背景下微妙的动画可以为标志注入生命和意义,从而提高品牌的讲故事能力。 全球品牌咨询公司 Amaze 通过其“活品牌”展示了微妙动画的力量,这是一个人工智能驱动的标志,可以实时响应用户行为。

重要的是要注意动画应该谨慎使用。 它不能隐藏设计不佳的徽标,尤其是在静态用例中。

Fubiz 徽标动画适用于不同的垂直行业。

呼吁独创性和独创性

LogoLounge 的第 15 届年度标志趋势报告显示,2017 年的标志设计似乎没有像过去几年那样展现出那么多的创新。 “今年的趋势与其说是一个启示,不如说是我们去年注意到的事情的延续和演变。” 这清楚地表明,大多数新人倾向于追随行业领导者并模仿已经存在的东西,而不是敢于脱颖而出。

作为设计师,我们受雇帮助我们的客户超越最激烈的竞争对手的噪音。 在标志设计过程中倡导创新是我们的责任。 要做到这一点,需要进行实验并不断挑战我们自己的假设,但看到我们的客户在一片混乱的海洋中闪耀,风险是非常值得的。

• • •

进一步阅读 Toptal 设计博客:

  • 电子商务用户体验——最佳实践概述(附信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
  • 移动界面的启发式原则
  • 预期设计:如何创造神奇的用户体验