如何打造好logo 03 | 有了人工智能,还需要自己动手设计logo吗?

发布于 5年前 by warmie11

warmie11 LV1

上海市|上海城区|静安区|

找Ta做项目 收藏

微信图片_20181016113542.gif

微信图片_20181016113547.jpg

人工智能设计的logo,到底是怎样的呢?

当我们知道了人工智能和设计师的差距,就能对它的不足进行反思和借鉴。

 

 

大家对于会设计的人工智能,想必都不陌生。

 

去年,阿里巴巴UCAN大会开场,阿里巴巴集团UED委员会发布智能设计平台“鲁班”,吸引了大家的目光,也引来了大家的热烈讨论:人工智能是不是要“抢”设计师的饭碗了?

微信图片_20181016113552.gif

鲁班是个智能设计平台,其原理是通过人工智能算法和大量数据训练,机器学习设计,输出设计能力。

微信图片_20181016113555.gif

鲁班的工作流程   

人工智能在设计领域大展拳脚,在logo设计上也不例外。现在,最方便快捷的设计logo方式,就是在以人工智能为依托的logo设计网站上,输入自己的需求,自己需要的logo就能自动生成

 

那么,系统自动生成的logo,真的能满足要求吗?

 

让我们来看看,人工智能是怎么做logo的。

微信图片_20181016113600.jpg

输入公司名字和品牌类型之后,网站通过不同的方式,简单搜集用户的偏好信息。

微信图片_20181016113603.jpg

在参考了同类型logo后,生成logo。

微信图片_20181016113611.jpg

在这里,我们可以看到,生成的logo,都是最简单的形式:纯文字logologo中出现的图标,也是从图库中选择的,自由度非常低,而“撞脸”率相当高。而且,生成的logo不能贴合自己想要的风格,有很明显的流水线作业痕迹

 

因此,在设计logo上,人工智能要取代设计师,还为时尚早。最棒的logo,还是出自设计师之手,自己动手设计logo,还是很有必要的。

 

 

细致地设计logo

微信图片_20181016113616.jpg

一个好的 logo 能够比文字和图像更能表达你的理念:你是谁,你做什么,你的立场和态度。

 

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

微信图片_20181016113619.jpg

理解设计概要

 

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

 

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

 

目标:项目是否具有必须达到的具体目标才能被视为成功?

可交付成果:项目完成后预期的交付成果是什么?

时间表:是否有期望在一定的时间内完成项目?

项目利益相关者:谁参与项目决策?

目标受众:Logo应与哪些人群共鸣?

产品或公司简介:产品或公司的目的是什么?他们带给人什么价值?

品牌定位声明:品牌对消费者承诺的核心是什么,它如何看待与竞争对手的关系?

预算和付款:是否有项目预算,以及如何处理付款?

 

视觉研究

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

微信图片_20181016113623.jpg

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

 

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

微信图片_20181016113625.jpg

Sketch 中创建一个简单的 moodboard

 

理念和草图

 

研究要转化为创意产出,把创意从脑袋里搬到纸上。在最开始的时候需要头脑风暴,捕捉到相关概念,缩小范围并且物化。

微信图片_20181016113628.jpg

在纸上快速画出创意

 

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

微信图片_20181016113631.jpg

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

 

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

 

数字细化

 

通过构思和概念草图的工作后,用 Adobe Illustrator 中勾画出可靠的蓝图,以提炼 logo。

微信图片_20181016113634.jpg

标志设计的数字改进过程

微信图片_20181016113637.jpg

Illustrator 中的最终版(单色版本)

 

配色方案

 

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

微信图片_20181016113639.jpg

最终 logo 彩色版

微信图片_20181016113642.jpg

Adobe Color CC 调色板

在创建配色方案时,重要的是要记住,logo并不总是存在于白色背景上。

微信图片_20181016113644.jpg

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

 

通过应用简单的“反转”滤镜,在 logo 设计过程的构思和草图阶段,通过黑白反转寻找设计瑕疵。

 

为客户提供使用指南

 

除了提交一个漂亮的logo,设计师还应该考虑如何为客户提供一个有效使用logo的简单策略。这样做的一种方法是在项目开始时询问客户是否想要基本的风格指南。

微信图片_20181016113648.jpg

Medium Logo 原则

 

这会是一个 1-2 页的实际应用大纲,如logo 的注意事项,如大小,填充,方向等。

 

 

快速设计logo

微信图片_20181016113656.jpg

有时候,我们需要快速设计简单的logo。简单的logo设计,和人工智能设计流程很相似,产出也是以文字logo的形式。

 

选择经典字体

 

很多设计师会选择一个经典的字体,然后快速出原型。举个例子,Target 的 logo,没有特别的设计,只是用了 Helvetica Neue 字体。

微信图片_20181016113659.jpg

用不同的字体,把我们的 logo 写出来,来看看不同的大小写,字体,样式。

微信图片_20181016113702.jpg

得到文字版logo

 

然后我为 Dancygram 选择 Futura这个字体,这是一个粗体非衬线字体。

 

我们要探索字体粗细、间隙和空间感,究其穷变,思其型尽。细体会表达出优雅,简洁和精致漂亮;粗体会表达出友好,坚固和稳重可靠。

微信图片_20181016113705.jpg

logo设计icon

 

当你有了一个 logo 字体之后,也可以设计一个简单的 icon,一个最简单的办法就是用名字的首字母配合简单的图形,比如圆形、方形等等。

 

比如我的“Dancygram”,我提取了首字母“D”,然后做了简单的设计,无外乎加粗、阴影、加外部轮廓、加外框等等的方法,得到如下设计稿。

微信图片_20181016113709.jpg

添加颜色

 

一个视觉形象需要颜色和风格的统一来加深印象。

微信图片_20181016113712.jpg

完成logo

 

重复上述步骤,做出彩色版,黑色版,白色版,和透明版的icon。你可以在你的设计稿和照片上面打上 logo。

微信图片_20181016113715.jpg

其他图像icon

 

虽然用首字母非常简单,但是很有可能无法到达我们的要求,所以我们可以把实物矢量化,用它们做logo。

微信图片_20181016113724.jpg

用这样的方法,可以快速设计出logo,但也会让设计出的logo出现问题:不够贴合主题,也不能够给人留下深刻的印象,这就需要设计师考虑更多。

 

LogoLounge的第十五届年度logo趋势报告显示,2017 年的 logo 设计似乎没有像过去几年那样显示出如此多的创新。大多数新的 logo 往往跟随行业的领导者,人们趋向于模仿,不是标新立异

 

作为设计师,我们帮助客户在激烈的市场竞争中角逐,在 logo 设计过程中倡导创新是我们的责任。这需要我们提高自我要求以及经验的积累,不断地去创新,设计师就应该如此。



聆听全球设计发声

资讯 / 观点 / 人物
你想要的设计干货都在这里

合作与咨询

189 5462 5451
media@51design.com

关注微信公众号