如何设计一款成功的logo教程?史上最强教程来袭!

管理员
管理员
管理员
243
文章
27
评论
2018年3月7日00:46:34 评论 954 3050字

一个成功的 Logo 的特点

我们首先要清楚一个概念,什么算是成功的 logo?为了使 Logo 成为优秀的品牌大使,必须坚持一些可信的原则。

遵循 SMART 五项原则,可以有利于公司和产品在竞争激烈的市场中脱颖而出,与消费者行程持久的联系。

  • 简单(Simple):易于理解和识别。
  • 令人难忘的(Memorable):一个好的 logo 应该足以让人难以忘怀。
  • 永恒(Ageless):最好的标志是永恒的,并在变化中保持自我。
  • 可靠(Reliable):在不同平台可扩展和灵活,不同媒体和尺寸是 logo 的关键。
  • 周到(Thoughtful):logo 的每个细节都应该被考虑和磨练,以有效象征品牌的质量和实用性。

如何设计一款成功的logo教程?史上最强教程来袭!

要考虑不同的平台、媒体、媒介、尺寸

对于现代品牌来说,logo 设计应该考虑很多的场景。比如,一家航空公司的 logo 不但要在智能手机上显示,也要在飞机尾部显示,不同大小的视觉传达尤为重要。

拆解 Logo 的设计过程

为了展示 Logo 的设计过程,我们将为一个不存在的新闻 APP Newsbolt 设计一个 Logo。我们会在为它设计 Logo 的过程中,详细介绍每个步骤。

如何设计一款成功的logo教程?史上最强教程来袭!

理解设计概要非常之重要

Logo 设计过程第一个阶段设计查阅和理解设计概要。这是一个相对简单的工作,但是至关重要!它可以类比房子的地基。

什么是设计概要?简而言之,这是一个文件,可以帮助确定 Logo 的含义,它一些基本的简介:

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

视觉研究与艺术指导

视觉研究:解释灵感

设计师在视觉研究的时候,也是在睁开眼睛看世界的时候。它涉及浏览艺术和设计相关的数据,各种设计组合的网站和杂志。也包括前往博物馆、画廊、零售商地或者一场修心之旅。

如何设计一款成功的logo教程?史上最强教程来袭!

使用 Dribbble 进行视觉研究,寻找 logo 设计的灵感

推荐一些高品质的资源列表,帮助你寻找灵感:

  • LogoLounge:一个以 lgoo 为中心的展示网站,用于浏览世界各地的设计师的 logo。
  • Dribbble:一个非常有影响力的设计平台,设计师们虔诚地上传他们最新最伟大的作品。
  • Muzli:一个汇集了网络上最受欢迎的设计作品的网站。

艺术指导:创造性思维的清晰路径

一旦视觉研究完成,设计师应该带领客户至少进行一轮的艺术指导。这是一个通过使用主题,情感和视觉思维,来提炼简明的艺术意图规划的过程。

如何设计一款成功的logo教程?史上最强教程来袭!

在 Sketch 中创建一个简单的 moodboard

最好的情绪板(moodboard)可以表现出明显额趋势,并吸引特定的观众。用 Sketch 吧图像快速组织成情景拼图并用投影仪或者大屏幕呈现给客户,是一个好方法。

理念和素描

理念:理念从哪里来?

不管如何,研究都要转化为创意产出,把创意从脑袋里搬到纸上。在最开始的时候需要头脑风暴,捕捉到相关概念并缩到小最小可行。

如何设计一款成功的logo教程?史上最强教程来袭!

在纸上快速画出创意

这里推荐一个特别有效的集思广益的方法,叫做 translating,具体细节可以看看这篇文章 10 Exercises To Fuel Creative Thinking。

素描:每个 logo 设计师的宝贵实践

即使最基本的草图也是 logo 设计过程中的重要组成。快速、粗略的素描是一种快速探索创意而不考虑完成度和追求质量的好方法。

如何设计一款成功的logo教程?史上最强教程来袭!

几个草图迭代作为 logo 开发的一部分

这些早期粗略草图的另外一个好处是它们通常具有天生的比例和平衡感。当设计人员准备好开始数字化时,它们作为参考层会非常有用。

数字细化

通过构思和概念草图的工作后,用 Adobe Illustrator 中勾画出可靠的蓝图,以提炼 logo。Illustrator 是一个高性能的设计软件,用于创建矢量格式图形,图形可无限扩展的,没有质量损失或像素化。

如何设计一款成功的logo教程?史上最强教程来袭!

标志设计的数字改进过程

如何设计一款成功的logo教程?史上最强教程来袭!

在 Illustrator 中的最终标识(单色版本)

体检一些 Adobe Illustrator 最有用的 Logo 设计工具视频教程:

  • 基本形状:学习使用圆形,矩形,三角形和正方形的几何形状来创建更复杂的形状和设计。
  • 对齐工具:通过了解如何高效地将对象与精度对齐来节省时间并防止头痛。
  • Pathfinder:使用相交的形状快速创建新的形状和符号。
  • Shape Builder:用好了千变万化。
  • 钢笔工具:这可能是一个棘手的工具学习,但要大胆。笔中有力量!
  • 彩蛋:不是教程,但是 Astute Graphics 插件是矢量图形世界中的高效工具。免费的「SubScribe」插件集非常有用。

配色方案

配色是一个非常广泛且重要的过程,这涵盖了从颜色理论到人类心理学的各种学科。考虑到这一点,最好向客户提供简单而和谐的配色方案。

如何设计一款成功的logo教程?史上最强教程来袭!

最终 logo 彩色版

如何设计一款成功的logo教程?史上最强教程来袭!

Adobe Color CC 调色板

关于色彩,这里有一些在线的资源,能够帮助你了解颜色:

  • Ctrl + Paint:概念艺术家 Matt Kohr 介绍了一系列快速简单的视频教程,从数字绘画角度解释颜色选择和混合。对于希望更好地理解颜色组合选择的「原因」和「如何选择」的设计师而言,非常棒。
  • COLOUR爱好者:来自世界各地的艺术家和设计师创造和分享配色方案的创意社区。
  • Adobe Color CC: Color CC 允许用户使用复杂的色盘创建配色方案,或浏览 Adobe社区的数千种颜色组合。
  • Pinterest: Pinterest 包含了现成的配色方案,是观察色彩趋势的好地方。

在创建配色方案时,重要的是要记住,徽标最终必须离开 Illustrator 和 Sketch 的舒适范围,在那里永远存在白色空间,而现实并不是如此。

如何设计一款成功的logo教程?史上最强教程来袭!

在 logo 开发过程中,需要关注深色和浅色的 logo 选项

这就要求 logo 在深色和浅色,白色和黑色背景下能够正常显示。当在不同颜色下预览,请做好微调,黑白的转换很容易能暴露一些设计缺陷或者更糟的意想不到的象征意义。

*专业提示:通过应用简单的「反转」滤镜,在 logo 设计过程的构思和草图阶段,通过黑白逆转的寻找设计瑕疵。

组织和交付文件

一旦 logo 得到用户的批准,就可以交出最终的设计文件了。文件夹和文件应该组织良好,标签清晰,可以通过 Google Drive、Dropbox 或者其他可靠地云服务来共享访问。

对于新的 Logo 设计师来说,下面是客户那边可能需要的不同文件格式的快速分类。

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

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

提供基本的风格指南

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

如何设计一款成功的logo教程?史上最强教程来袭!

Medium Logo 原则

要清楚的是,基本的风格指南与大规模企业品牌文档不是一回事。相反,这是一个 1-2 页的实际应用大纲,logo 的注意事项,如大小,填充,方向等。

始发于今日头条:

weinxin
扫码关注微信公众
幂彀社区,一个关注互联网、平面设计等领域个人博客;致力于打造一个优秀的资源共享学习平台。
管理员
  • 本文由 发表于 2018年3月7日00:46:34
  • 转载请务必保留本文链接:https://www.teelm.com/2018/03/07/10561.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: