IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

四个步骤,完成一个APP的LOGO设计需求

Catherine • 2017-05-01 13:19 • 交互设计

希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。

文章目录[隐藏]

  • 一. 提取关键词
  • 二. 脑爆LOGO形式
    • 1. 产品名字的首字母/一个字
    • 2. 产品全称
    • 3. 体现产品核心功能的图形/符号
    • 4. 产品名称的形象
  • 三. 确认配色
  • 四. 打磨细节
  • 总结

希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。

四个步骤,完成一个APP的LOGO设计需求

大家都知道,LOGO对于一个产品来说,至关重要。

成功的LOGO可以让用户在短时间内判断你是谁,做什么的,而且区别于竞品的同时,传递自己的品牌理念,让用户达成共识,并进行广泛传播。

那么,设计师接到一个APP的LOGO设计需求时,如何避免蒙逼,有理有据的完成设计呢?

下面分享下这周我对LOGO设计流程的思考。一共可以分为四个步骤:

  1. 提取关键词;
  2. 脑爆LOGO形式;
  3. 确认配色;
  4. 打磨细节。

一. 提取关键词

在接到LOGO设计需求时,首先要跟需求方沟通并确认,能够达成共识的设计关键词。

关键词可以从产品属性,核心理念,应用场景,用户群体,情感传递等方面提取。

明白品牌到底想传达什么,这一步很关键。在完成关键词提取之前,一定要控制住自己的双手,不要打开PS就开撸,那样会导致方向不合理还盲目的陷入细节,最终沦落成天天被改改改的美工。

关键词直接影响并支撑着后续LOGO设计的形式,配色,以及细节处理。因此,尽量避免含糊。

比如,你做的是一款运动类的产品LOGO,那么关键词可以是:

四个步骤,完成一个APP的LOGO设计需求

从这些关键词中 ,去除重叠的,提取出3-4个最能体现产品定位的,同各角色达成一致后,接下来的设计就围绕着它们进行。

二. 脑爆LOGO形式

大家常看到的LOGO形式有很多,但通过整体梳理后发现,总的来说就这么几个套路:

  1. 产品名字的首字母/一个字;
  2. 产品全称;
  3. 体现产品核心功能的图形/符号;
  4. 产品名称的形象。

(对了,这个阶段最好使用纸和笔,不然很容易被线条粗细呀,颜色呀等分散注意力…)

四个步骤,完成一个APP的LOGO设计需求

1. 产品名字的首字母/一个字

一个文字或者一个首字母作为LOGO主元素的优点是:能够准确地表达APP的应用属性及其核心业务,更简单实用,易于推广。

打开你的手机,不出意外的话,至少会有几款APP的LOGO是产品名称的首字母或者产品名字中核心的一个文字。

以一个文字作为LOGO的:支付宝,豆瓣,淘宝,知乎,字里行间,虾米,等等…

四个步骤,完成一个APP的LOGO设计需求

比如,以首字母作为LOGO的APP有:Medium,KRFT,Airbnb……

四个步骤,完成一个APP的LOGO设计需求

它们的logo都是采用自己产品名称首字母作为主要元素,进行变形以达到符合自己产品定位的效果。

像Airbnb的LOGO,看起来很简单,但吉比亚表示,它背后有四层含义。首先,这是一个字幕A,代表了Airbnb;第二,这像是一个人张开双手,代表了人;第三,这像是一个标记地理位置的符号,代表地点;第四,这是一个倒过来的爱心,代表了爱。

四个步骤,完成一个APP的LOGO设计需求

因此,以首字母为出发点,融入产品想要传达的理念进行加工,才是这个设计方式的精髓,而不是不过脑子的甩上去一个字母就ok了。

2. 产品全称

LOGO也可以是产品名字的全称。这样做的优点是:简单粗暴,加深用户对产品名称的记忆,不需要对抽象符号二次加工。

比如:得到,简书,小红书,一言,有道,美团……

四个步骤,完成一个APP的LOGO设计需求

3. 体现产品核心功能的图形/符号

以体现产品核心功能的图形为LOGO主要元素,优点是:用户第一次使用时,通过图形能够预判这个产品是干嘛的。

比如:VSCO,摩拜单车,百度地图,微信,Foodie,蜗牛阅读,等等…

四个步骤,完成一个APP的LOGO设计需求

像摩拜单车,光看LOGO你就知道跟骑行有关;百度地图,一看就知道跟地理位置有关;微信,采用两个气泡,很明显的社交属性。

相对来说比较有趣的有Foodie,它是一款美食拍照的APP,总的来看是一个相机的镜头,又像一个盘子,上面摆放着勺子和叉子,简单有趣,一语双关。

蜗牛阅读,LOGO采用蜗牛和书的元素结合起来,凸显功能的同时,还传达了自己的产品特色。

4. 产品名称的形象

比如:猫眼电影,logo是一只瞪着眼睛猫;企鹅FM,是一只带着耳机的企鹅;印象笔记,是一头大象。

四个步骤,完成一个APP的LOGO设计需求

最初我比较好奇,印象笔记为什么叫印“象”笔记,为什么用“大象”作为主要元素。后来我去Quora上查了一下,是因为美国有句谚语是,“大象永远不会忘记”。非常符合印象笔记的产品定位。瞬间感觉好巧妙。所以可以看出,每一个LOGO的背后都有自己的故事和原因,而不是拍脑袋得出的方案。

以上4种方式,是我们常见的几种LOGO设计手法。当然你也可以将不同的处理手法,结合起来进行设计(比如:首字母+功能,产品形象+功能)。但最重要的,选择能够更好的阐述产品定位的表现形式。

三. 确认配色

颜色对于一个LOGO来说也相当重要,它承载着针对用户群体的情感传递,以及品牌认知。设计师在LOGO配色环节围绕着前期确认的设计关键词进行,会使自己的设计更有说服力。而不是根据个人喜好去定义LOGO的颜色。

四个步骤,完成一个APP的LOGO设计需求

下面是一些我的手机截屏,因为我都是用颜色进行分类,所以能直观看出,产品属性偏向社交或娱乐类、用户群体倾向年轻、品牌定位是欢乐有趣、聚集有共同兴趣爱好的人群的APP,那么LOGO颜色一般为橙色,黄色等等,这种比较有活力的色彩搭配。

四个步骤,完成一个APP的LOGO设计需求

如果产品属性是工具或者涉及安全类的,品牌定位也是倾向于体现安全、信任、商业,那么LOGO的配色较多为蓝色;

四个步骤,完成一个APP的LOGO设计需求

像比较文艺类的,视频或图片编辑器、酷炫的阅读或书写有装逼文字的轻量APP,比较钟爱黑白色。

四个步骤,完成一个APP的LOGO设计需求

当然,颜色的运用也并非绝对,大家可以多看下色彩心理学相关的书籍,再加上对产品的理解,以及考虑大众对颜色的普遍认知,从而找到最合适的配色方案。

四. 打磨细节

确定了LOGO的形式和配色后,接下来就应该“陷入细节”了。LOGO巧妙的细节处理,会让人对他们的产品提升好感度。

在LOGO设计中,常用的协助精确图形轮廓和细节的工具,是黄金比例。从公元前的古希腊,黄金比例就开始被广泛应用,无论雕像和建筑,而记载资料中最早应用这个比例的人是古希腊学者建筑家维特鲁威。现在这种方式更多的运用到LOGO设计,版式设计或者工业产品设计上。

四个步骤,完成一个APP的LOGO设计需求

四个步骤,完成一个APP的LOGO设计需求

黄金比例和几何在设计中的应用,先不说带有争议的美学部分,但就说逻辑性,是衡量一个LOGO是否严谨的重要指标,越简单的图形越是如此。

总结

以上是我对LOGO设计流程的思考,总的来说就是:

  1. 先了解产品背景,提取出关键词;
  2. 尽可能的脑爆不同形式的LOGO,筛选最巧妙的符合产品定位的方案;
  3. 根据产品属性及用户群体,定义配色;
  4. 打磨LOGO细节。

采用这种流程设计LOGO,能够使你从比较广的维度去思考,慢慢聚焦到细节去设计,从而产出一款比较有说服力的设计方案。

希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。

 

作者:大牙,百度用户体验部高级UI设计师。微信公众号:大牙的设计笔记。

本文由 @大牙 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22365/

APP设计logologo设计PSUIUI设计产品产品经理产品设计分享场景微信心理学沟通用户用户体验设计设计师设计思路资料转载配色
赞 (0)
CatherineCatherine
0
生成海报
车载系统交互设计畅想Part1:仪表数据展示
上一篇 2017-05-01 12:17
设计思考|利用控制感,为用户体验加分
下一篇 2017-05-01 14:20

相关推荐

  • 交互设计

    为熟练用户设计:如何设计才能帮助用户提高使用效率?

    本文作者将从导航和首页的信息排布、操作时间和快捷键三个方面展开,在通讯产品、办公软件等这类被大量使用场景的产品中,该如何设计才能帮助用户提高使用效率?

    2017-05-19
  • UI最佳实践:深度解析模态窗口 交互设计

    UI最佳实践:深度解析模态窗口

    模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人,人们本能地自动关闭这些窗口。

    2017-05-05
  • 交互设计

    交互师们,每日高效的一天开启了吗?看看别家的交互怎么过今天~!

      编者按:教你高效利用工作时间!今天的主角是曾经在美国雅虎中国腾讯工作现在在华为人设计总监的尤原庆同学,他分别列出了自己在美国、德国和中国的交互设计工作,全都井井有条且轻重得当,最后还附上设计师…

    2014-11-26
  • 认知设计论:关于认知最全面的一篇 交互设计

    认知设计论:关于认知最全面的一篇

    所谓的成长就是认知升级。——傅盛

    2017-05-03
  • UI中的文字设计总结与分析 交互设计

    UI中的文字设计总结与分析

    对于设计师来说,文字是一个可以很好提升产品用户体验的武器,希望这篇文章能够给各位设计师带来收获。

    2017-08-04
  • 微信热点

    用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 微信热点

    【技术篇】AR应用交互设计时需要思考的3个问题

    首先我们要了解,AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。本文将向大家介绍一些典型的AR应用以及它们的交互方式,并且和大家...

    2018-03-29
  • 掌握这5个方面,让你具备真正的交互设计思维! 交互设计

    掌握这5个方面,让你具备真正的交互设计思维!

    Z Yuhan(英国约克大学人机交互硕士):交互思维是什么?网上的搜索结果大多是一些交互设计 的方法。但是我这里要讲的,是真正做交互设计 所具备的思维方式。交互设计在国内发展的并不成熟,还有很长一段路要走。很多人,甚至包括交互设计师自身,对这一工作的性质和价值都未必有足够的了解。

    2017-08-21
  • 微信热点

    Axure RP 7.0软件安装视频教程

    Axure RP 7.0下载地址:链接:https://pan.baidu.com/s/1eTf0W6Y密码:otr5安装中有问题请咨询私人微信:152374906801、找到AxureRP_Pro_Setup.1415607193.exe鼠标右击以管理员身份选择打开2、点击next3、勾选I Agree,然后点击Next4、点击Browse更改安装路径建议安装到除C盘以外的磁盘,可在D盘或者其他盘创建一个文件夹。然后点击Next5、名...

    2018-03-04
  • 交互设计

    困扰多年的选择困难症,居然让交互设计给我治好了...

    觉得自己患上了选择困难症?也许这并不是你的错,而是对方给予的选项太多。 Hick’s Law(席克法则)中说道:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。用数学公式表达为反应时间 T=a+b log2(n…

    2015-09-10
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress