从概念到现实–徽标开发指南

本文概述

  • 为现代品牌设计符号
  • 成功徽标的特征
  • 开箱徽标设计流程
  • 了解设计简介的关键
  • 视觉研究与艺术指导
  • 构想和素描
  • 数字精炼
  • 标志设计中的颜色
  • 组织和传送文件
  • 如何为客户提供价值和愿景
  • 呼吁创造力和独创性
为现代品牌设计符号 随着越来越多的公司和产品在线上和线下争夺市场认可度, 精心设计的徽标是一种商业优势, 可以吸引消费者的注意力并一目了然地代表品牌的核心价值。一个好的徽标不仅仅只是一个通用的图标。这是公司代表的形象的体现–品牌的视觉形象大使。
从概念到现实–徽标开发指南

文章图片
现代品牌标识
看到符合公司精神的徽标总是令人耳目一新, 但是要找到正确的解决方案需要大量的时间, 技能和经验。经过深思熟虑的设计过程是开发有效且富有创意的徽标的关键, 但是此过程是什么样的?它如何展开?
本文介绍了一个简单, 直接, 高效的徽标设计过程, 旨在为现代品牌和日趋成熟的消费者创建徽标。它提供了一些有用的徽标设计技巧, 并提供了徽标设计师可以用来指导客户从最早的研究阶段到最终交付项目文件的框架。
Paul Rand和IBM徽标设计过程
由于精明的设计师一直在寻找为自己的工作带来增值的方法, 因此我们将探索一些实用的选择, 这些选择将为你的客户的品牌提供竞争优势。
成功徽标的特征 遵循久经考验且真实的徽标设计流程很重要, 但首先必须清楚地了解徽标成功的原因。徽标设计项目开始时存在的空白画布不是多余创意的许可。为了使徽标成为良好的品牌形象大使, 它必须遵守一些可信赖的原则。
遵循S.M.A.R.T.的五项原则该系统可使公司和产品在拥挤的市场中脱颖而出, 并建立持久的受众联系。
  • 简单:易于理解和识别。
  • 令人难忘:一个好的徽标应具有鲜明的特色, 以至于令人难忘。
  • 永不过时:最好的徽标是永恒的, 并且可以适应不断变化的趋势。
  • 可靠:灵活性和可伸缩性是跨不同平台, 媒介和大小使用徽标的关键。
  • 周到:徽标的每个细节都应加以考虑和磨练, 以有效地象征品牌的质量和实用性。
从概念到现实–徽标开发指南

文章图片
在不同设备上以不同比例制作的徽标
【从概念到现实–徽标开发指南】对于现代品牌, 徽标的设计应考虑许多用例。例如, 航空公司的徽标需要在移动应用程序上充当微型图标, 同时在飞机的机尾上仍能以非常大的比例看起来不错。
开箱徽标设计流程 为了演示徽标设计过程, 我们使用一个名为Newsbolt的虚构新闻应用程序–以光速传递趋势新闻。我们将逐步按照徽标设计流程进行操作, 并在此过程中提供关键见解。
从概念到现实–徽标开发指南

文章图片
了解设计简介的关键 徽标设计过程的第一阶段涉及查看和理解设计简介。这是一个相对简单的任务, 但至关重要。认为它是房屋的基础。对摘要的简明理解将在整个项目中产生许多问题。
什么是设计简介?简而言之, 该文档可帮助你定义徽标的含义。基本简介将涵盖以下内容:
  • 目标:项目是否具有必须达到的特定目标才能被视为成功?
  • 可交付成果:在项目完成时可以预期的可交付成果是什么?
  • 时间轴:是否期望该项目在一定时间内完成?
  • 项目利益相关者:谁参与了项目的决策?
  • 目标受众:徽标应在人群中引起共鸣?
  • 产品或公司简介:产品或公司的目的是什么?他们带给人们什么价值?
  • 品牌定位声明:品牌对消费者的承诺的核心是什么, 以及品牌与竞争对手之间的关系如何?
  • 预算和付款:是否有项目预算, 如何处理付款?
视觉研究与艺术指导 视觉研究-发现灵感
视觉研究是设计师睁开眼睛看到世界的时候。它涉及浏览与艺术和设计相关的书籍, 作品集网站和杂志。它还包括去博物馆, 美术馆, 零售店或鼓舞人心的地标的旅行。
从概念到现实–徽标开发指南

文章图片
使用Dribbble进行视觉研究和徽标设计灵感
重点是通过向自己灌输高品质的美丽, 独创性和手工艺实例来激发想象力。
以下是可帮助你开始搜索的在线资源的简要列表:
  • LogoLounge是一个以徽标为中心的展示站点, 用于浏览来自世界各地的设计师的徽标。
  • Dribbble是一个极具影响力的设计平台, 设计师可以在其中忠实地上传他们的最新, 最出色的作品。
  • Muzli是一个网站, 汇集了整个网络上最受欢迎的设计作品。
艺术指导–铺就清晰的创意意图之路
视觉研究完成后, 设计师应带领客户进行至少一轮艺术指导。现在是时候通过使用情绪板(主题, 感觉和视觉想法的拼接)将视觉研究提炼成简洁的艺术意图计划的时候。
从概念到现实–徽标开发指南

文章图片
在Sketch中创建的简单情绪板
最好的情绪板显示明显的趋势, 并吸引特定的受众。屏幕设计软件Sketch是将图像快速组织到情绪板以呈现给客户的好方法。
构想和素描 构想–构想从何而来?
最终, 随着想法从思想到页面的传播, 研究必须转化为创造性的输出。启动徽标设计过程这一部分(称为想法)的好方法是集思广益, 这是一次捕获相关概念并确定最可行选项的时期。
从概念到现实–徽标开发指南

文章图片
在纸上快速启动徽标设计流程的想法
有时, 这可能很简单, 例如编写描述性单词列表或尝试在5分钟内勾勒出25个想法。快速公司的可能性比比皆是, 但Fast Company的文章10激发创造性思维的练习概述了一种特别有效的头脑风暴练习, 即翻译。
转变过程极大地激发了思想。将事物从一种形式或媒介转换为另一种形式或媒介, 可以引导思想朝着全新而激动人心的方向发展。一个主意导致另一个主意, 然后你便步入正轨。
俄罗斯艺术家瓦西里·康定斯基(Wassily Kandinsky)将古典音乐转换成抽象画作, 选择了不同的颜色来表示音乐引起的不同情感。
要练习, 请将以下单词翻译成字体-懒惰, 快乐, 大声, 柔和。
草图绘制-每个徽标设计师的宝贵实践
甚至最基本的草图也是徽标设计过程的资产。造成创意障碍的主要原因是在项目的初始阶段过多地进行了自我编辑。快速粗略的草图绘制是一种快速探索想法的好方法, 而无需考虑” 完成” 的质量。
从概念到现实–徽标开发指南

文章图片
徽标开发过程中的一些草图迭代
这些早期的粗略草图的另一个好处是, 它们通常具有天生的比例感和平衡感。当设计师准备开始对徽标进行数字跟踪时, 这对于参考层很有帮助。
数字精炼 在完成构思和概念草图绘制后, 你将获得可靠的蓝图, 可以在Adobe Illustrator中完善徽标。 Illustrator是一款高性能的设计软件, 可用于创建矢量格式的图形, 可无限扩展而不会导致质量损失或像素化的美术文件。
从概念到现实–徽标开发指南

文章图片
标志设计的数字化改进过程
从概念到现实–徽标开发指南

文章图片
Illustrator中的最终徽标–单色版
以下列表包含一些选择教程的链接, 这些教程解释了一些Illustrator最有用的徽标设计工具:
  • 基本形状:学习使用圆形, 矩形, 三角形和正方形的几何形状来创建更复杂的形状和设计。
  • 对齐工具:通过了解如何有效地精确对齐对象来节省时间并避免头痛。
  • 探路者:使用相交的形状可以快速创建新的形状和符号。
  • 形状生成器:探路者有其局限性。幸运的是, Shape Builder乐于接受松弛。
  • 笔工具:这可能是一个棘手的学习工具, 但要大胆。笔中有力量!
  • 奖励:这不是教程, 而是Astute Graphics插件在矢量图形领域中是备受推崇的效率工具。免费的” SubScribe” 插件集非常有用。
标志设计中的颜色 在徽标设计中使用颜色是一个广泛且高度重要的主题, 涉及从颜色理论到人类心理学的各种学科。考虑到这一点, 最好为客户提供简单但和谐的配色方案, 以提供高对比度。
从概念到现实–徽标开发指南

文章图片
最终标识–颜色版本
从概念到现实–徽标开发指南

文章图片
Adobe Color CC调色板
有许多在线资源可帮助设计师了解颜色:
  • Ctrl + Paint:概念艺术家Matt Kohr展示了一系列快速简单的视频教程, 这些教程从数字绘画的角度解释了颜色选择和混合。这些对于希望更好地了解颜色组合选择的” 为什么” 和” 如何” 的设计师非常有用。
  • COLOURlovers:一个创意社区, 来自世界各地的艺术家和设计师共同创建和共享配色方案。
  • Adobe Color CC:Color CC允许用户使用复杂的色轮创建配色方案, 或浏览Adobe社区中的数千种颜色组合。
  • Pinterest:Pinterest带有现成的配色方案, 是观察颜色趋势在一年中发展的理想场所。
在创建配色方案时, 请务必记住徽标必须最终脱离Illustrator和Sketch的舒适范围, 在空白处永远存在, 以在现实世界中生活和工作。
从概念到现实–徽标开发指南

文章图片
徽标开发期间需要考虑深色和浅色徽标选项
这要求徽标在浅色和深色背景以及黑色和白色背景下均能正常工作。在这些设置中预览徽标时, 请准备进行一些小的调整。黑白的反转往往会暴露出细微的设计缺陷或更糟的, 意想不到的象征意义。
*专业提示:在徽标设计过程的构思和草图绘制阶段, 通过应用简单的” 反转” 过滤器, 可以捕获黑白反转缺陷。
组织和传送文件 徽标完成并获得客户认可后, 就该移交最终的设计文件了。文件夹和文件应井井有条, 标签清晰, 并易于通过Google云端硬盘, Dropbox或其他可靠的文件共享服务进行访问。
对于徽标设计的新手来说, 以下是客户可能需要的不同文件格式的快速细分:
  • 打印文件:矢量格式的文件是首选打印格式, 因为它们可使徽标在大比例和低分辨率下保持清晰清晰。格式包括EPS, SVG, AI和PDF。
  • Web文件:Web需要基于像素的文件(JPEG, PNG, GIF)或基于矢量的文件(SVG –可缩放矢量图形)。
  • 如果徽标设计使用多个颜色过渡和渐变, 则JPEG文件是最好的, 因为它们可以保留原始设计的丰富照片效果。
  • 当徽标设计主要使用平面颜色和形状, 几乎没有阴影或渐变效果时, PNG图像是最好的。
如何为客户提供价值和愿景 提供基本样式指南
经验丰富的设计师一直在寻找为客户提供附加值的方法。创建一个不错的徽标是令人钦佩的, 但是设计师还应该考虑如何为客户提供一种有效使用徽标的简单策略。一种方法是在项目开始时询问客户是否需要基本的样式指南。
从概念到现实–徽标开发指南

文章图片
媒介的徽标准则
需要明确的是, 基本的样式指南与大量的公司品牌文档不同。而是在1-2页上概述了有关徽标的颜色, 比例, 填充, 方向等实际操作的要点和不相关的内容。这是设计发布平台” 媒介:媒介品牌指南” 中的一个很好的例子。
考虑使用微妙的动画
为徽标增加价值的另一种方法是动画。在适当的情况下, 微妙的动画可以使徽标充满生命和含义, 从而增强品牌的叙事能力。全球品牌咨询公司Amaze通过其” 生活品牌” 展示了精美动画的力量, “ 生活品牌” 是一种AI驱动的徽标, 可实时响应用户的行为。
请务必注意, 应谨慎而谨慎地使用动画。它不能隐藏设计不良的徽标, 尤其是在静态用例中。
不同行业的Fubiz标志动画
呼吁创造力和独创性 LogoLounge的第15次年度徽标趋势报告显示, 2017年的徽标设计似乎没有像过去几年那样展示出那么多的创新。 “ 今年的趋势与其说是我们去年注意到的事物的延续和演变, 不如说是一种启示。” 这是一个明确的指标, 表明大多数新移民倾向于跟随行业领导者, 模仿已经存在的事物, 而不敢于脱颖而出。
作为设计师, 我们受雇帮助我们的客户摆脱最激烈的竞争对手的喧嚣。在徽标设计过程中倡导创新是我们的责任。要做到这一点, 需要进行实验, 并对我们的假设进行不懈的挑战, 但是, 如果看到我们的客户在分散注意力的海洋中闪耀, 则值得冒险。
? ? ?
在srcmini设计博客上进一步阅读:
  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验

    推荐阅读