从开始到结束创建一个标志设计

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

第一步:开始

这第一步将提供项目开始阶段的基本大纲,从您和客户同意彼此合作开始。

现在来看看第一件事:起草合同!当你开始一个你想要获得报酬的新项目时,这应该是你要做的第一件事。

合同为你和你的客户增加了安全性,并确保你们双方都同意在项目过程中事情将如何展开。

撰写合同的资源

  • 合同基础:让客户在虚线上签字
  • 为你的桌面出版业务起草一份合同

客户简要

徽标设计工作从设计简介开始。设计简介包括解释客户想要什么,并从那里,意识到你可以把东西带到什么方向。

如果你想要对简报进行彻底的分析,它可以帮助你突出值得注意的部分。

你可以打印出来,然后开始以笔记或初稿的形式把想法粗略地记下来蜘蛛图

客户简要

在这份简报的过程中,我主要通过电话与客户沟通。Skype是一个很好的工具,特别是当你在处理国际或远距离的项目时。

因为我要和长途客户打交道,所以Skype是我的必需品!

我们还通过电子邮件交流,以及几次面对面的会议进行交流。

客户端

我的客户为这个标志设计项目是反弹的设计.顾名思义,他们是一家专注于平面设计的公司。因此,我需要在这个项目的整个过程中牢记这一点,这样我就可以创建一个反映他们公司性质的标志,以及一个展示创造性态度的日志。

除了分析简报之外,有时也只是这样:短暂的在这方面,与客户进行沟通是至关重要的,这可以帮助他们了解什么样的视觉美学是适合使用的。如果有机会,让他们填写简短的问卷调查可以证明在这方面非常有帮助,对你和客户。

问正确的问题

虽然不同的简报可能会要求提出不同的问题,但Ivan Raszl的企业身份客户问卷是一个很好的出发点。

我通常一定要问的几件事是关于公司在哪个特定领域工作的问题,或者目标在里面工作。

在这种情况下,Bounceback Design主要处理数字图形,但也做网页开发和印刷工作。

你还需要了解以下事项:

  • 什么是特征客户认为是公司独有的?
  • 哪些方面公司的人格他们愿意看吗强调/广告?
  • 他们是谁?主要竞争对手?
  • 他们是谁的目标他们的产品/服务对吗?
  • 什么是动机/驱动力为了公司的创立?

如果你正致力于重塑一家已有品牌标识的公司:

  • 他们做什么就像关于他们的目前的品牌?
  • 什么被证明是成功的呢?
  • 当前品牌的哪些方面是他们特别想要的远离?

询问任何能让你了解客户业务起点、现状以及未来发展方向的问题。

从那里开始,我们要做一些研究。

第二步:四处看看

有几个原因说明研究是必要的。

首先,了解你的客户所在的行业,他们的竞争对手以及他们的目标受众将极大地帮助你创建一个既相关又有效的设计。

其次,即使你已经很清楚自己想要做什么,研究其他设计可以帮助你确保你不会在不经意间创造出别人已经想到的东西。

第三,看看还有什么可以激发动力和创造力!

在这种情况下,一些寻找灵感的好地方是LogoPond而且Brandstack,浏览LogoLounge书籍(或者他们的网站,如果你是会员的话),以及与设计相关的博客。

它也可以帮助查看其他类型的设计的例子,甚至是一些与平面设计无关的东西——任何让你的创造力流动或让你以新的方式思考的东西!

第三步:产生想法

一旦你的大脑为手头的任务做好准备,就该开始了缩略图的想法。

在这个阶段,蜘蛛图会很有用,尤其是当你想要想出尽可能多的想法时。

在继续之前,我试着确保我至少记下了一整页的缩略图。

虽然这只是我的个人偏好和工作风格,你可能会在早期找到一个完美的概念,或者可能需要一段时间才能达到你满意的地步。它确实可以因简短而有所不同。

当我在设计一个标志时,我试图确保它在概念上是强大的:平面设计-在很大程度上是关于沟通的。

一个公司的标志需要在一定程度上传达他们的专业态度和他们所做的事情。

在这份简报中,我更倾向于圆的形状还有更多平易近人的感觉以及试图避开与“反弹”这个短语的明显联系,因为这是最简单、最没有创意的方式。不过我还是画了草图,因为你永远不知道一个想法会从哪里进化而来。

〇探索每一条道路不是所有的都是死胡同!

当你决定了你觉得舒服的概念(s)进一步,是时候在Illustrator中破解了!

我选择的想法是客户喜欢的;最简单的形状被用来构成不同字符的形式,代表了将一个简单的想法发展成一个交流视觉的过程。

步骤4:在数字环境中开发

现在,我们已经准备好开始工作在数字建设我们的概念,我们要创建一个基地,我们可以用来形成我们的字母形式。

首先要做的是打开Illustrator并创建一个新文档(Ctrl/Cmd + N)。你的新Illustrator画板的大小和设置可以是任何你喜欢的,尽管文档颜色模式应该设置为CMYK。

选择椭圆工具(L),按住Shift来限制比例,创建一个圆。

给它一个坚实的填充,没有轮廓。

步骤5:创建类型基础

现在我们要把这个对象变成我们的字母形式的基础。使用选择工具(V),按住Alt和Shift键在页面上拖动圆圈;这将创建一个副本与你原来的选择水平。

使用混合工具(W)设置为指定步骤,值为8,生成8个相同的圆,然后单击第一个圆,然后单击第二个圆。

我们将其设置为8,因为我们处理的最长单词包含10个字符,并且我们已经设置了2的底数。

由于每个圆之间的距离是相等的,我们可以用直接选择工具(A)将末端的圆移动得更远或更近,直到它们的间隔更合适。

一旦你完成了这些,点击Edit > Expand,选中对象复选框,点击OK。

这应该会将混合的元素展开为实际的可编辑对象。

第六步:打粉底

现在,我们想复制这些对象,这样我们就有了“设计”这个词的基础。用同样的方法按住Alt + Shift,用选择工具拖动,在第一行的正下方创建一个副本。请确保留出一些空间,因为我们很快就会添加字符的上升和下降字母!

此时,我们可以删除不需要的圆圈。在这个例子中,是最下面一行的最后四个。

步骤7:创建字体

接下来,我们需要将这些规则的旧形状发展成可识别的字母形式!现在专注于最上面的一行,用直接选择工具选择第一个圆,然后复制它

因为我们不打算直接编辑我们目前为止拥有的圆圈,这是一个好主意,全选并锁定它们(Ctrl/Cmd + a,然后Ctrl/Cmd + 2)。

这样我们就不会在接下来的步骤中意外地移动或改变错误的东西!

使用“粘贴在前面”命令(Ctrl/Cmd + F)将刚才复制的圆粘贴到原圆的前面,并将填充颜色更改为白色。

现在我们要把这个对象变小,这样我们就可以用它来形成该类型的计数器,上升器和下降器。

保持选中的路径,双击工具栏中的缩放工具,输入统一比例为33.33%,点击确定。现在我们有了计数器。

像以前一样,使用Alt键将这个新对象向上和向左拖动并复制,直到它与原始圆圈的边缘齐平。

在将填充更改为黑色之后,选择这个圆的左右两边的锚点,并在选定的锚点上切割路径,这样你就有效地结束了两个半圆。

选择下方的半圆并向下拖动,直到它与计数器底部齐平。

选择其中一个开放锚点以及上面半圆的相应锚点,并将它们连接起来。

对其他两个端点做同样的操作以关闭路径,然后你就有了你的上升器!我们可以重复使用这些来帮助创建其他的字母形式,所以做一份副本,并把它们暂时放在一个不碍事的地方。

步骤8:最终确定形状

现在我们的字母“b”看起来是正确的,我们只需要让它成为一个单一的对象。解锁字母的原始基础(Ctrl/Cmd + Alt + 2),并使用直接选择工具,选择第一个圆,以及它前面的白色计数器。

接下来,在探路者面板(通过窗口>探路者打开它),选择负正面,这将从它的背景中减去小圆。

如果出现该选项,则单击Expand。

仍然选择新的形状,选择上升器,并通过探路者面板使用联合命令。

这是我们完成的第一个字母,这意味着是时候继续其他字母了!

使用之前放在一边的计数器和上升器的副本,通过相同的过程从剩余的对象中创建字母形式。

对一些人来说,这要容易得多。例如,字母“u”、“n”和“c”可以使用相同的形状。

可以使用Object > Transform > Reflect对“b”进行垂直反射以创建“d”,并对其进行水平反射以形成“g”。我也能够使用上升形状的“I”,以及创建开放式柜台。

第九步:把东西放到该放的地方!(第一部分)

这是字母完成,但不完全是灰尘-两行仍然需要靠得更近一些,“i”的宽度把“design”这个词的字距抵消掉了。

一个漂亮的小技巧是创建另一个圆(哦,这么多圆),其直径从一个字母的边缘到它旁边的字母的对面。

将这个对象的副本放在字母“i”的任意一侧,可以使这个字母与“s”保持正确的距离。还要加上“gn”。

我还使用了两个红色的小圆圈,一个放在另一个上面,以帮助我更好地放置“设计”这个词。

步骤10:做一些调整

在这一点上,我觉得每个字母的一些角有点太尖了,违背了我一直追求的整体平滑美学,所以在这一步,我要把它们弄得更圆一些。

而不是每个角落都单独做,用下面的方法可以节省时间并达到相同的效果(技术上更准确):选择所有的东西,并给它一个白色的笔画,其重量将根据你的工作范围的大小而变化。只要关闭的柜台最后都没有开门,你就应该没事。

我目前的工作几乎是全宽的A4页面,所以我使用的笔画重量为5。

接下来要做的是转到对象>路径>轮廓描边这将创建实体填充对象的笔画,每个将被分组到它周围的单个字母。

这让事情变得简单多了。

你可以用选择工具选择每个字母,并再次使用寻路器面板减去正面。一旦你为所有的字母做了这个,你应该有一个黑色填充的更细的字母。

选择全部(Ctrl/Cmd + A),并再次应用相同的笔画重量,这次也是黑色,并给它一个圆形连接。

再次勾勒描边,使用探路者面板发出联合命令所有的路径,这样每个角色都是坚实的,所有的东西都被组合在一起。

步骤11:添加颜色

现在开始添加颜色。有相当多有用的工具可以帮助选择一个有效的方案,最值得注意的是Kuler配色方案设计师

虽然这是我开发过程中的最后一个阶段,但它绝不是事后才想到的。

一个品牌的颜色需要深思熟虑和有目的性。

一个很好的技巧是把你当前的设计复制几份,然后在每一份上应用不同的配色方案。

经过仔细的考虑和一些尝试和错误,我决定了一个更温暖、生动的方案:反映友好、外向的职业态度,但又不会太花哨。

步骤12:把东西放到该放的地方!(第二部分)

现在是时候向客户展示我们的成果,看看他们的想法了。保存您的文档为Web & Devices (Ctrl/Cmd + Alt + Shift + S),并确保大小不要设置太高,但也不要太小;你想给你的客户一个准确的视觉,他们的标志看起来会是什么样子。

我还在下面添加了一小段文字作为标签,将此设计标识为“logo a”,以减少诸如“带有弯曲位的logo”等短语用于指代特定设计的风险。

我将这个设计——以及通常大约3到4个其他概念——通过电子邮件发给客户,并简要解释每个概念背后的原因和思考过程。

如果我要与客户面对面会面,我会打印并安装每个概念,并与客户交谈。

如果你通过电子邮件发送你的概念,那么你可能至少要等一段时间才能收到客户的反馈,告诉他们他们更喜欢哪个概念,以及他们可能需要进行的任何更改。

在这种情况下,客户联系我说他们喜欢这个设计,但要求做一些修改。所要求的修改是对配色方案的一些调整,如果可能的话,引入石灰绿或类似的颜色,以及添加颜色梯度的建议。

步骤13:修改:改变颜色

由于客户要求改变颜色,我回到第11步,并放置了更多的标志副本,进一步改变颜色,并在它们工作的地方引入绿色。

当我找到几个看起来不错的选项后,就开始执行颜色渐变了。

步骤14:修改:添加颜色渐变

是时候在混合中加入渐变了。有几种方法可以添加单色渐变,但我发现在这种特殊情况下产生最佳结果的方法是以下方法。

复制单词,“反弹”和粘贴在前面

通过渐变面板应用一个渐暗到黑色的线性渐变。这应该会给你一些看起来非常奇怪的东西!

然后使用渐变工具(G),从“o”的底部向上拖动到顶部,按住Shift保持角度完全垂直。

这将给你一个一致的90°过渡,是所有对象之间的统一,而不是从每个单独的对象的顶部到底部进行测量。

对单词design重复上述步骤,并在渐变面板中使用反向渐变选项反转方向。

步骤15:修改:固定渐变

现在我们需要整理出梯度,摆脱泥泞灰色的外观。所以打开透明面板,仍然选择渐变对象,设置混合模式为正片叠底,不透明度为50%

步骤16:打包

一旦按照客户的要求修改了标志,我重复第13步,用一些新颜色向他们展示修改后的设计样品。

客户特别批准了其中一种颜色变体,没有进一步的修改要求。

我将所选logo的平面颜色和渐变版本粘贴到一个新文档中,并在创建平面颜色设计的副本并将填充更改为黑色之前对每个版本进行分组。

在渐变logo的例子中,我转到对象>平坦透明度,并选择高分辨率预设。这确保了渐变的透明度在文件被读入时不会引起任何问题。

然后,我为每个版本的设计创建了单独的文档,并将它们保存为Illustrator 8 EPS文件、PDF文件和高分辨率jpeg文件。

我给客户开了发票,并在收到付款后,以以下格式将徽标发送给他们:

  • 1 x原始Illustrator文件(.AI)-包含平面颜色,分级和B&W标志(文件>另存为…)
  • 3 x Illustrator 8 EPS文件-单独的平面颜色,分级和B&W标志(文件>另存为…)
  • 3xpdf档案-单独的平面颜色,分级和B&W标志(文件>另存为…)
  • 3 x高分辨率JPEG图像-单独的平面颜色,分级,和B&W标志(文件>导出…)

离别小贴士

当给客户提供不同设计的选择时,你可能会惊讶于他们经常会选择你没想到的设计,所以永远不要在“他们显然会选择好设计”的基础上决定在其他设计上少花精力。相反地,你应该让所有最终的概念都变得更棒!

当你在为客户设计时,让他们了解你的最新进展,但与此同时,不要让他们窒息!

不要一交出项目成果就跳槽。

与客户保持联系,检查是否一切顺利,让他们知道他们可以考虑任何适合你的未来工作。如果你找到了一个值得信赖且合作愉快的客户,培养一段长期的业务关系永远不会有坏处。

最后,标志只是公司整体形象的一部分。

想想如何把它融入到企业形象的其他方面,比如文具、网站等等。即使你已经得到了一个简单的标志设计简介,如果它是适用的,那么它通常是一个很好的行动,展示潜在的信笺、名片等布局概念的模型。

教程汇总

在本教程中,我向您展示了从头到尾创建标志设计的过程。我们从概念的概念开始,以及如何在Illustrator中创建设计。我还与你分享了一些关于创建合同、寻找灵感、将模型发送给客户以及提出正确问题的技巧。

我希望你喜欢这个教程,期待你的评论。

最后

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!