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

相关推荐

  • 扇贝单词App软件的交互思路,神还原! 交互设计

    扇贝单词App软件的交互思路,神还原!

    本篇勾文思路,重点是明白设计软件为了什么?而不要盲目设计,时刻记住目标。

    2017-05-13
  • 微信热点

    设计一个快速提升用户体验度的网站架构

    点击上方“公众号”可以订阅哦渔哥服务☆ 网站建设:网站结构、网站功能、关键字策划、网站SEO、设计与开发。☆ 整合营销:品牌形象文案策划、产品销售概念策划、产品销售文案策划。☆ SEO优化:SEO排名优化、论坛营销、口碑营销、公关活动等病毒传播。☆ 托管服务:市场分析、受众分析、品牌与产品分析、全网整合营销推广。☆ 微信运营:微信公众号开发、朋友圈广告、微信运营活动、微商城搭建。☆ 定制培训:专业施教团队、完整课程体系、实际项目操作、低...

    2018-04-08
  • 交互设计流程的“闭环”问题 交互设计

    交互设计流程的“闭环”问题

    交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程分配到不同的界面,最终形成成品。设计流程不难,但是设计好的流程非常难。举个简单的例子,注册这个流程可以这么定义:

    2017-05-27
  • 干货推荐|关于无线C端产品的一些UX建议 交互设计

    干货推荐|关于无线C端产品的一些UX建议

    开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

    2017-05-29
  • 微信热点

    交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

    2018-05-01
  • 视觉设计:重在视觉表现上,提高产品的用户体验 交互设计

    视觉设计:重在视觉表现上,提高产品的用户体验

    对于一个优秀的产品来说,视觉设计是重要的组成部分。译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:点击查看

    2017-05-13
  • 【原译】迪士尼中的UX(下篇) 交互设计

    【原译】迪士尼中的UX(下篇)

    上次有简单介绍迪士尼十二原则的基本概念,这篇文章则是韩国pxd设计小组与迪士尼设计大师Glen Keane先生的一次更加深入的访谈与讨论。 在正式开始这篇文章之前,先给大家稍微展示动画《Duet》中的一个小片段。《Due…

    2015-10-27
  • 交互设计

    (干货)关于进度指示器,这一篇就够了!

    当前状态的可视性 是UI设计规范中最重要的一点之一,这样是为了最大程度的减少用户的紧张感。当用户在操作一个APP的时候,你需用告诉他们在操作后的一段时间内会发生什么事情,而不是让用户去猜想。对于这种反馈,…

    2016-04-03
  • 面向未来,UX路在何方? 交互设计

    面向未来,UX路在何方?

    译者感言:面向未来,要么突破,要么随波逐流。我们的技能和职责不应该局限在职称描述上。产品设计是界面设计更高层的拓展和思考世界就是你所塑造的模样。成为变革者而非跟随者。 —— Alex Osterwalder

    2017-05-17
  • 微信热点

    SKETCH教学视频

    则灵君分享的是“静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-20
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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