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

相关推荐

  • 声明:关于微信号"交互设计学堂 ID: jhsjxt"中的收费课程与本网站没有关系 交互设计

    声明:关于微信号"交互设计学堂 ID: jhsjxt"中的收费课程与本网站没有关系

    现在赚钱真容易,随便抄点内容可以开班授课了。

    2016-11-03
  • 微信热点

    破局在即,用户体验将成银行翻盘利器?

    今年,BATJ纷纷与国有四大行牵手,这种破冰式的历史性合作传递了两个信息,一是专注线上的互联网巨头们开始重视线下场景的价值,这也表明在未来的金融行业中,我们将能看到更多线上线下相结合的产品和服务场景;二是在与互联网巨头的磨合中,银行的角色即将产生质的突破,也彰显了银行在当前金融局势下的求变决心。当然,银行们寻求自我突破的决定必然不是空穴来风。众所周知,在互联网+潮流下,以线下为主的银行们失去了对部分年轻用户的影响力,而且银行基因中强大的...

    2018-03-03
  • 化繁为简——网易云音乐WP1.0设计思考 交互设计

    化繁为简——网易云音乐WP1.0设计思考

    项目背景 Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成熟的APP到了WP上就变得各种功能缺失、体验支离破碎,他们渴望应用软件在体验 上能和其它平台一样受到同等重视,音乐APP也不例外。…

    2014-10-31
  • 猎豹资深交互设计师分享:如何利用数据来支撑设计? 交互设计

    猎豹资深交互设计师分享:如何利用数据来支撑设计?

    作者:可风 我最早的时候认为设计就是如何去做出各种新奇的图形、质感和界面,追逐潮流和创意。可是后来发现设计最难的是平衡各方面的因素,在条条框框的限制中找到方案还要推进下去,并被人看到价值。前者很容易满…

    2015-11-15
  • 微信热点

    涨姿势 | 这份交互设计纲领,已被我内定!

    最近一个月的电影市场完全被《头号玩家》支配,身边清一色的“自来水”,那票房蹭蹭涨,眼瞅着都十好几亿了!所以斯芬克趁此良机跟大家说说交互这门自带特效的技术!往期内容一览:服装设计出国学?看这一篇就够了!(点击此处查看详情)学平面设计前,给你一份须知!(点击此处查看详情)怎样做准备,才能当上室内设计玩家?(点击此处查看详情)交互设计适合你吗?我们往往会觉得,交互设计不就是做个网站、搞个APP么,最多再玩玩特效啥的……其实咧,交互可不仅仅存在...

    2018-04-27
  • 微信热点

    【设计竞赛】第二届“衲田杯”等你来挑战!

    📌编辑 | Cassi.W编者按:第二届“衲田杯”可持续设计国际竞赛报名正式启动!中国城市规划设计研究院院长、全国工程勘察设计大师杨保军担任本次竞赛评委会主席。别犹豫啦,招呼你和你的小伙伴,快来报名参赛吧!不知大家是否记得宿迁那片迷人的多彩衲田花海?又是否还记得2017年这些在衲田花海绽放的一大波创意?▼▼▼点击图片了解更多 ↑↑↑没错!就是2017年国际设计竞赛的一匹黑马:“衲田杯”可持续设计国际竞赛第一届“衲田杯”可持续设计国际竞赛...

    2018-03-22
  • 从事交互设计3年多,聊聊交互设计师的核心价值 交互设计

    从事交互设计3年多,聊聊交互设计师的核心价值

    很多同行说交互设计 师就是要对用户体验负责,这点我当然是非常认同的。但是交互设计 师并不是独立的个体,虽然我们时常和产品、运营、开发因意见不同而产生争论,但站在公司层面来说,我们和产品、运营、开发等部门是一个大团队,我们既服务于用户又服务于大团队,服务于公司的商业价值。如果你只谈用户体验可能会不赚钱,只讲商业目标则会失去用户,用户体验和商业目标是需要保持平衡的。

    2017-09-16
  • 用户研究:中国人网购的7个真相-信息图 交互设计

    用户研究:中国人网购的7个真相-信息图

    在需求和消费之间,永远存在着不对称性。 电商已经改变了中国人生活的方面,而且还将继续扩大自己的影响力。 中国已连续三年成为全球规模最大的电商消费市场。国家统计局公布数据显示,2015年中国人在消费品零售中…

    2016-05-26
  • 全面了解iOS 11

    作者:沄海   UI得以迅速发展,苹果公司功不可没,他开启了移动化浪潮,拥有了世界各地超过十亿的设备,有潜力使任何想法或设计成为主流。这一次,苹果对之前对设计风格做了较大变动。 今天分析的两个版本分别是 iO…

    交互专题 2023-03-03
  • 用讲故事的思维搞定Banner背景的制作,看这篇就够了!~ 交互设计

    用讲故事的思维搞定Banner背景的制作,看这篇就够了!~

    鉴于一直有人问banner背景怎么做,所以我就想要不写一篇关于背景的文章吧。

    2017-05-18
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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