码头发布 发表于 2017-5-3 15:22:13

4步完成APP的LOGO设计方法

希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。
http://f10.baidu.com/it/u=3935516976,1178007255&fm=170&s=2F325F83064820E74C35009A0300C012&w=640&h=301&img.PNG&access=215967316

大家都知道,LOGO对于一个产品来说,至关重要。
成功的LOGO可以让用户在短时间内判断你是谁,做什么的,而且区别于竞品的同时,传递自己的品牌理念,让用户达成共识,并进行广泛传播。
那么,设计师接到一个APP的LOGO设计需求时,如何避免蒙逼,有理有据的完成设计呢?
下面分享下这周我对LOGO设计流程的思考。一共可以分为四个步骤:
提取关键词;
脑爆LOGO形式;
确认配色;
打磨细节。
一.提取关键词
在接到LOGO设计需求时,首先要跟需求方沟通并确认,能够达成共识的设计关键词。
关键词可以从产品属性,核心理念,应用场景,用户群体,情感传递等方面提取。
明白品牌到底想传达什么,这一步很关键。在完成关键词提取之前,一定要控制住自己的双手,不要打开PS就开撸,那样会导致方向不合理还盲目的陷入细节,最终沦落成天天被改改改的美工。
关键词直接影响并支撑着后续LOGO设计的形式,配色,以及细节处理。因此,尽量避免含糊。
比如,你做的是一款运动类的产品LOGO,那么关键词可以是:
http://f12.baidu.com/it/u=371273711,3619272822&fm=170&s=1C2D543203724F8048FC1CDF0200D0B0&w=600&h=425&img.JPG&access=215967316

从这些关键词中,去除重叠的,提取出3-4个最能体现产品定位的,同各角色达成一致后,接下来的设计就围绕着它们进行。
二.脑爆LOGO形式
大家常看到的LOGO形式有很多,但通过整体梳理后发现,总的来说就这么几个套路:
产品名字的首字母/一个字;
产品全称;
体现产品核心功能的图形/符号;
产品名称的形象。
(对了,这个阶段最好使用纸和笔,不然很容易被线条粗细呀,颜色呀等分散注意力…)
http://f12.baidu.com/it/u=3075356486,1816833533&fm=170&s=00B0E8334DC159435A6DB5DA0100E0B3&w=500&h=262&img.JPG&access=215967316

1.产品名字的首字母/一个字
一个文字或者一个首字母作为LOGO主元素的优点是:能够准确地表达APP的应用属性及其核心业务,更简单实用,易于推广。
打开你的手机,不出意外的话,至少会有几款APP的LOGO是产品名称的首字母或者产品名字中核心的一个文字。
以一个文字作为LOGO的:支付宝,豆瓣,淘宝,知乎,字里行间,虾米,等等…
http://f10.baidu.com/it/u=4070443461,2303863927&fm=170&s=21A779320761531B5AC1D0C9020060B1&w=640&h=387&img.JPG&access=215967316

比如,以首字母作为LOGO的APP有:Medium,KRFT,Airbnb……
http://f11.baidu.com/it/u=4082144158,2216732094&fm=170&s=D88031729E88B211097D6CCE000070A2&w=640&h=194&img.JPG&access=215967316

它们的logo都是采用自己产品名称首字母作为主要元素,进行变形以达到符合自己产品定位的效果。
像Airbnb的LOGO,看起来很简单,但吉比亚表示,它背后有四层含义。首先,这是一个字幕A,代表了Airbnb;第二,这像是一个人张开双手,代表了人;第三,这像是一个标记地理位置的符号,代表地点;第四,这是一个倒过来的爱心,代表了爱。
http://f11.baidu.com/it/u=1209070537,3399667891&fm=170&s=FDC31B74F3B2C96C4E2B2FEF0200E02E&w=640&h=360&img.GIF&access=215967316


因此,以首字母为出发点,融入产品想要传达的理念进行加工,才是这个设计方式的精髓,而不是不过脑子的甩上去一个字母就ok了。
2.产品全称
LOGO也可以是产品名字的全称。这样做的优点是:简单粗暴,加深用户对产品名称的记忆,不需要对抽象符号二次加工。
比如:得到,简书,小红书,一言,有道,美团……
http://f11.baidu.com/it/u=3721068202,2422346417&fm=170&s=1AA6762247704F8A08EDECF302005033&w=640&h=378&img.JPG&access=215967316

3.体现产品核心功能的图形/符号
以体现产品核心功能的图形为LOGO主要元素,优点是:用户第一次使用时,通过图形能够预判这个产品是干嘛的。
比如:VSCO,摩拜单车,百度地图,微信,Foodie,蜗牛阅读,等等…
http://f11.baidu.com/it/u=4215050578,2252949856&fm=170&s=F0BEA5721701534D006869CF00008072&w=640&h=378&img.JPG&access=215967316

像摩拜单车,光看LOGO你就知道跟骑行有关;百度地图,一看就知道跟地理位置有关;微信,采用两个气泡,很明显的社交属性。
相对来说比较有趣的有Foodie,它是一款美食拍照的APP,总的来看是一个相机的镜头,又像一个盘子,上面摆放着勺子和叉子,简单有趣,一语双关。
蜗牛阅读,LOGO采用蜗牛和书的元素结合起来,凸显功能的同时,还传达了自己的产品特色。
4.产品名称的形象
比如:猫眼电影,logo是一只瞪着眼睛猫;企鹅FM,是一只带着耳机的企鹅;印象笔记,是一头大象。
http://f10.baidu.com/it/u=3614085471,976560352&fm=170&s=24F4783289E4D2111468F44E0000F0B1&w=640&h=221&img.JPG&access=215967316

最初我比较好奇,印象笔记为什么叫印“象”笔记,为什么用“大象”作为主要元素。后来我去Quora上查了一下,是因为美国有句谚语是,“大象永远不会忘记”。非常符合印象笔记的产品定位。瞬间感觉好巧妙。所以可以看出,每一个LOGO的背后都有自己的故事和原因,而不是拍脑袋得出的方案。
以上4种方式,是我们常见的几种LOGO设计手法。当然你也可以将不同的处理手法,结合起来进行设计(比如:首字母+功能,产品形象+功能)。但最重要的,选择能够更好的阐述产品定位的表现形式。
三.确认配色
颜色对于一个LOGO来说也相当重要,它承载着针对用户群体的情感传递,以及品牌认知。设计师在LOGO配色环节围绕着前期确认的设计关键词进行,会使自己的设计更有说服力。而不是根据个人喜好去定义LOGO的颜色。
http://f12.baidu.com/it/u=4002675971,3146521949&fm=170&s=7016EE365C747682515D4CC90300F022&w=600&h=450&img.JPG&access=215967316

下面是一些我的手机截屏,因为我都是用颜色进行分类,所以能直观看出,产品属性偏向社交或娱乐类、用户群体倾向年轻、品牌定位是欢乐有趣、聚集有共同兴趣爱好的人群的APP,那么LOGO颜色一般为橙色,黄色等等,这种比较有活力的色彩搭配。
http://f11.baidu.com/it/u=4250035990,2332838730&fm=170&s=19843C7A046573191F7C494D030030E2&w=639&h=365&img.JPG&access=215967316

如果产品属性是工具或者涉及安全类的,品牌定位也是倾向于体现安全、信任、商业,那么LOGO的配色较多为蓝色;
http://f11.baidu.com/it/u=751324150,2001684319&fm=170&s=19843C7A107553984557A14F030030E2&w=639&h=365&img.JPG&access=215967316

像比较文艺类的,视频或图片编辑器、酷炫的阅读或书写有装逼文字的轻量APP,比较钟爱黑白色。
http://f12.baidu.com/it/u=962557520,206302276&fm=170&s=07A8F4015E5548DA1A05B459030040E6&w=639&h=365&img.JPG&access=215967316

当然,颜色的运用也并非绝对,大家可以多看下色彩心理学相关的书籍,再加上对产品的理解,以及考虑大众对颜色的普遍认知,从而找到最合适的配色方案。
四.打磨细节
确定了LOGO的形式和配色后,接下来就应该“陷入细节”了。LOGO巧妙的细节处理,会让人对他们的产品提升好感度。
在LOGO设计中,常用的协助精确图形轮廓和细节的工具,是黄金比例。从公元前的古希腊,黄金比例就开始被广泛应用,无论雕像和建筑,而记载资料中最早应用这个比例的人是古希腊学者建筑家维特鲁威。现在这种方式更多的运用到LOGO设计,版式设计或者工业产品设计上。
http://f12.baidu.com/it/u=426188945,2751128155&fm=170&s=5C083472419656674CD16CD60000C0B1&w=600&h=374&img.JPG&access=215967316

http://f10.baidu.com/it/u=3814240299,1190179092&fm=170&s=40BDA972DDE4C6948D1CE1D60000C0E0&w=600&h=448&img.JPG&access=215967316

黄金比例和几何在设计中的应用,先不说带有争议的美学部分,但就说逻辑性,是衡量一个LOGO是否严谨的重要指标,越简单的图形越是如此。
总结
以上是我对LOGO设计流程的思考,总的来说就是:
先了解产品背景,提取出关键词;
尽可能的脑爆不同形式的LOGO,筛选最巧妙的符合产品定位的方案;
根据产品属性及用户群体,定义配色;
打磨LOGO细节。
采用这种流程设计LOGO,能够使你从比较广的维度去思考,慢慢聚焦到细节去设计,从而产出一款比较有说服力的设计方案。
希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。
作者:大牙,百度用户体验部高级UI设计师。微信公众号:大牙的设计笔记。
本文由@大牙原创发布于人人都是产品经理。

页: [1]
查看完整版本: 4步完成APP的LOGO设计方法