如何设计App软件LOGO
启汇网络认为,一款好的
APP
软件
LOGO
,不仅看起来美观,而且让你有想更加深入了解
它到底是做什么的欲望。
每一个
iOS
应用都会以一枚
APP
启动
LOGO
的形式展现给使用者,
它能传达应用程序的基础信息,
并能够给用户带来第一印象感受。
它能直接引导用户下载并
使用应用程序。
UI
设计人员有时设计出来的
LOGO
看起来很炫,但是投入市场后却得不到
用户的认可,点击率很低,这其中的原因很多,单从视觉设计的层面讲,如何提升
APP
软
件
LOGO
的视觉效果从而提升点击率已经成为每一个
UI
设计人员都应该考虑的问题。
一、
APP
软件
LOGO
的视觉设计【启汇网络】
1
、视觉设计要符合平台开发的设计规范性——不同的应用平台往往会产生截然不同设计结
果。了解学习平台开发规范,磨刀不误砍柴工。例如苹果移动平台和
Windows_Phone_7
移
动平台的视觉规范就有很大不同。
2
、视觉设计要找到共性,抓住个性——分析了解同类的
APP
软件及各自
LOGO
设计的定
位,
找到设计方向的共性及其自身软件的独特个性。
在
itunes
里搜索软件关键字会发现有很
多相似的
LOGO
。从搜索结果中不难发现,那些
APP
软件
LOGO
会吸引用户的关注。
3
、视觉设计要力求设计表现的完整性——明确任务,大胆设计;简化设计元素(主图形、
辅助图形)
,突出设计主题;层次分明,不刻意追求质感。
4
、视觉设计要遵循横向、纵向比较的统一性——设计好
LOGO
后,放在同类别
APPLOGO
中,去审视自己设计的
LOGO
是否能够抓住用户的眼球;有时不同平台会产生不同的视觉
效果,某些系列化的
APP
软件产品更需要通过比较来分析产品的统一性。比较之后可以有
针对性的微调、预调,但不要随便更改设计意图及表现形式。
1.
视觉设计要保持设计过程的连续性——随着软件版本的升级,
APP
软件
LOGO
也应该在
产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。
二、
APP
软件
LOGO
的设计方法【启汇网络】
1
、
在
APPLOGO
的视觉设计过程中运用软件界面中的已有图形元素或表现形式,
体现
LOGO
设计的主题。
2
、重视
APPLOGO
视觉设计的层次感,质感表现恰到好处。
3
、在
APPLOGO
的视觉设计过程中不要浪费一个知名品牌的现有的元素。
4
、在设计过程中运用直接了当的文字内容表现隐喻的设计主题。
5
、在设计过程中运用行业标准图形或主题图像概括主要内容。
6
、在设计过程中最大限度的激发用户的好奇心。
三、设计
APP
软件
LOGO
时容易出现的问题【启汇网络】
1
、陶醉于无意义的视觉质感,主题重点本末倒置。
2
、
APP
软件启动
LOGO
主题元素与软件内容脱节,缺少关联。
3
、在设计过程中胡乱使用文字表达主题。
4
、设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异,看不清所要
表达的主题。
5
、
APP
软件
LOGO
给用户的视觉感受“粉”
“灰”
“模糊”
。
四、优秀
APP
软件
LOGO
设计参考【启汇网络】
自己制作logo的方法:
设备:华为笔记本。
系统:win7。
软件:Photoshop cc 2019。
版本:8.0.11。
1、首先启动PS,导入一片树叶。
2、接下来,选择“钢笔工具”,把顶部设置为“形状”,设置描边,按照树叶的轮廓把树叶画出来。
3、如图所示,用钢笔工具再画出树叶中间的叶脉。
4、最后,为树叶填充“绿色渐变”,叶脉填充为白色,把叶脉应用于树叶中。
5、同时,复制一个绘制好的“树叶”,进行镜像并适当缩小即可。
这里生成的图片在最下面会有广告,我们需要自己再截图一次,毕竟是免费的,可以理解。
为什么要变成圆角?因为现在主流的app都是圆角图标,这里依然给大家推荐一个网站 http://www.roundpic.com/ ,在这里只需要将图片上传到这个网站,就可以制作出圆角图片,操作简单,一看就会。
这里依然以我生成的图片为例:
这里依然是一个网站 http://icon.wuruihong.com/ ,将图片上传到这个网站就可以了,这里已android为例,如果不自定义尺寸,就会生成七个不同分辨率的图片,这七个就是android需要的,同时还支持预览。这里最后会是一个压缩包。
是不是感觉特别简单,这三个网站都不用注册哟,赶快尝试一下吧!
那么设计师接到一个App的LOGO设计需求时,如何避免蒙逼,有理有据的完成设计呢?
下面分享下这周我对LOGO设计流程的思考。一共可以分为四个步骤:
1、提取关键词
2、脑爆LOGO形式
3、确认配色
4、 打磨细节
在接到LOGO设计需求时,首先要跟需求方沟通并确认,能够达成共识的设计关键词。
关键词可以从产品属性,核心理念,应用场景,用户群体,情感传递等方面提取。
明白品牌到底想传达什么,这一步很关键。在完成关键词提取之前,一定要控制住自己的双手,不要打开PS就开撸,那样会导致方向不合理还盲目的陷入细节,最终沦落成天天被改改改的美工。
关键词直接影响并支撑着后续LOGO设计的形式,配色,以及细节处理。因此,尽量避免含糊。
比如,你做的是一款运动类的产品LOGO,那么关键词可以是:
从这些关键词中 ,去除重叠的,提取出3-4个最能体现产品定位的,同各角色达成一致后,接下来的设计就围绕着它们进行。
大家常看到的LOGO形式有很多,但通过整体梳理后发现,总的来说就这么几个套路:
a. 产品名字的首字母/一个字
b. 产品全称
c. 体现产品核心功能的图形/符号
d. 产品名称的形象
(对了,这个阶段最好使用纸和笔,不然很容易被线条粗细呀,颜色呀等分散注意力)
一个文字或者一个首字母作为LOGO主元素的优点是:能够准确地表达APP的应用属性及其核心业务,更简单实用,易于推广。
打开你的手机,不出意外的话,至少会有几款APP的LOGO是产品名称的首字母或者产品名字中核心的一个文字。
以一个文字作为LOGO的:支付宝,豆瓣,淘宝,知乎,字里行间,虾米,等等。
比如,以首字母作为LOGO的APP有:Medium,KRFT,Airbnb,等等。
它们的logo都是采用自己产品名称首字母作为主要元素,进行变形以达到符合自己产品定位的效果。
像Airbnb的LOGO,看起来很简单,但吉比亚表示,它背后有四层含义。首先,这是一个字母A,代表了Airbnb;第二,这像是一个人张开双手,代表了人;第三,这像是一个标记地理位置的符号,代表地点;第四,这是一个倒过来的爱心,代表了爱。
因此,以首字母为出发点,融入产品想要传达的理念进行加工,才是这个设计方式的精髓,而不是不过脑子的甩上去一个字母就ok了。
LOGO也可以是产品名字的全称。这样做的优点是:简单粗暴,加深用户对产品名称的记忆,不需要对抽象符号二次加工。
比如:得到,,小红书,一言,有道,美团,等等。
以体现产品核心功能的图形为LOGO主要元素,优点是:用户第一次使用时,通过图形能够预判这个产品是干嘛的。
比如:VSCO,摩拜单车,百度地图,微信,Foodie,蜗牛阅读,等等。
像摩拜单车,光看LOGO你就知道跟骑行有关;百度地图,一看就知道跟地理位置有关;微信,采用两个气泡,很明显的社交属性。
相对来说比较有趣的有Foodie,它是一款美食拍照的APP,总的来看是一个相机的镜头,又像一个盘子,上面摆放着勺子和叉子,简单有趣,一语双关。
蜗牛阅读,LOGO采用蜗牛和书的元素结合起来,凸显功能的同时,还传达了自己的产品特色。
比如:猫眼电影,logo是一只瞪着眼睛猫;企鹅FM,是一只带着耳机的企鹅;印象笔记,是一头大象。
最初我比较好奇,印象笔记为什么叫印“象”笔记,为什么用“大象”作为主要元素。后来我去Quora上查了一下,是因为美国有句谚语是:“大象永远不会忘记”。非常符合印象笔记的产品定位。瞬间感觉好巧妙。所以可以看出,每一个LOGO的背后都有自己的故事和原因,而不是拍脑袋得出的方案。
以上4种方式,是我们常见的几种LOGO设计手法。当然你也可以将不同的处理手法,结合起来进行设计(比如:首字母+功能,产品形象+功能)。但最重要的,选择能够更好的阐述产品定位的表现形式。
颜色对于一个LOGO来说也相当重要,它承载着针对用户群体的情感传递,以及品牌认知。设计师在LOGO配色环节围绕着前期确认的设计关键词进行,会使自己的设计更有说服力。而不是根据个人喜好去定义LOGO的颜色。
下面是一些我的手机截屏,因为我都是用颜色进行分类,所以能直观看出,产品属性偏向社交或娱乐类、用户群体倾向年轻、品牌定位是欢乐有趣、聚集有共同兴趣爱好的人群的APP,那么LOGO颜色一般为橙色,黄色等等,这种比较有活力的色彩搭配。
如果产品属性是工具或者涉及安全类的,品牌定位也是倾向于体现安全、信任、商业,那么LOGO的配色较多为蓝色。
像比较文艺类的,视频或图片编辑器、酷炫的阅读或书写有装逼文字的轻量APP,比较钟爱黑白色。
当然,颜色的运用也并非绝对,大家可以多看下色彩心理学相关的书籍,再加上对产品的理解,以及考虑大众对颜色的普遍认知,从而找到最合适的配色方案。
确定了LOGO的形式和配色后,接下来就应该“陷入细节”了。LOGO巧妙的细节处理,会让人对他们的产品提升好感度。
在LOGO设计中,常用的协助精确图形轮廓和细节的工具,是黄金比例。从公元前的古希腊,黄金比例就开始被广泛应用,无论雕像和建筑,而记载资料中最早应用这个比例的人是古希腊学者建筑家维特鲁威。现在这种方式更多的运用到LOGO设计,版式设计或者工业产品设计上。
黄金比例和几何在设计中的应用,先不说带有争议的美学部分,但就说逻辑性,是衡量一个LOGO是否严谨的重要指标,越简单的图形越是如此。
以上是我对LOGO设计流程的思考,总的来说就是:1.先了解产品背景,提取出关键词;2.尽可能的脑爆不同形式的LOGO,筛选最巧妙的符合产品定位的方案;3.根据产品属性及用户群体,定义配色;4.打磨LOGO细节。
采用这种流程设计LOGO,能够使你从比较广的维度去思考,慢慢聚焦到细节去设计,从而产出一款比较有说服力的设计方案。
希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。
1、新建一个文档。
2、输入文字,有关公司的LOGO。
3、加入准备好的素材。
4、新建图层,使用工具箱里的自定义形状工具。
5、选择自定义图形。
6、调整效果。
除了以上方法外,还可以借助手机APP工具实现Logo的制作。在手机上安装“Logo设计软件”,按照制作logo的操作步骤进行设置即可。根据自己的实际需要,生成多个可选的Logo图标后,还可以根据实际需要进行修改。在修改Logo的同时,还可以查看预览效果。最后点击“下载”按钮即可将相应的Logo保存到手机中。
LOGO设计使用AI、PS或者CDR都可以,可以使用PS先把LOGO做好,然后转AI变成矢量图。
1、Photoshop编辑好LOGO。
2、编辑好之后,点击快速导出PNG,也可以导出JPG。
3、导出PNG后,打开AI,点击打开。
4、点击打开之后,选择刚才保存的PNG图片。
5、AI打开图片后,点击图像描摹。
6、点击图像描摹后,就可以把LOGO转换为矢量图了。
这几天打开手机,发现从前的得到app-Logo变了。竟然一下子有点陌生,还觉得有点怪怪的感觉(其实是有点丑)。
为什么得到的app从简单的两个字作为logo的主体,变成了如今这个这么复杂的logo?
我决定揭开罗胖团队这么做的秘密。
先不讨论新logo的美观与否,毕竟千人千意见。
我们从商业角度分析,修改logo肯定是为了与同品类app比更能吸引人的注意力,来跟随我一起看下“得到”的竞品app都长什么样:
发现特点了吗?无论是百度百家,喜马拉雅,知乎,今日头条,都在使用“提炼关键字”的设计思路制作app的logo。其中4家知识类内容服务商的文字都是白色,百度的黑色字体颇为亮眼。而喜马拉雅和今日头条都是用了红色,也较为抢眼。但是,打开你的手机你就会发现,APP的logo用红色背景的很多(比如网易云音乐/bear/花瓣/微店/华安微赢/京东/工商银行/...),找起来又有点费劲。
使用关键字的做法,倒也没毛病。问题是一手机屏的“关键字”,想找到某个特定的app,找起来就颇为费神。而打开这个app率低,就意味着用户在其他app的时候更多。
我们看下新版的“得到”app在一排竞品中看起来是什么感觉:
你是否瞬间就被百度百家和得到两个app吸引到了?
在文字为主的logo上,黑色字体对比更强烈。 而得到新logo在使用黑色文字增强对比的同时,还和百度一样,在字体选择上使用了衬线体,再一次和市面上流行众多的非衬线体logo们做了对比。
当然,文字下方的猫头鹰形象,让它的整体更为突出。等等,为什么我觉的“得到”的app在同品类中更吸引我的注意力?
来仔细的看下这个logo,问题好像出在了猫头鹰的两只大黑眼珠子上。
为什么要这样设计呢?
在说原因之前,不妨看看还有那些app运用了“虎视眈眈”的设计手法:
全部都在盯着我们看!为什么这些大牌在众多logo方案中,选择了这种 盯着我们看 的设计方案???
除此之外,得到的新logo的主色调和之前比,颜色饱和度更高。同时也跟大部分主流app对比强烈,然后自身大黑字+白底,形成更强烈的对比。让我们打在开手机屏准备kill-time时,更容易注意到它的存在。
观察这一屏幕的app,体验下新版得到app的logo,是如何强迫你注意到他的!
分析完,也就明白了它选择这套方案的原因:
最后值得注意的是,得到未来要做的少年得到,目标用户变成了广大的青少年群体,而青少年对于卡通猫头鹰形象,更容易吸引,接受,进而形成记忆点。
猫头鹰=得到,得到=猫头鹰。
这是目前为止最常见最实用的LOGO设计方法,代表LOGO有淘宝和天猫。直接用品牌名称设计一个企业LOGO的好处是,LOGO发布后,可以直接加强消费者对品牌的认知,让消费者快速记住你的LOGO和品牌。同时,利用品牌名称直接制作LOGO也可以避免重复、侵权等诸多麻烦。
方法2:元素替换法
这种LOGO设计在传统品牌中很常见。现代企业和公司不善于更换元素。他们在设计自己的logo时,用另一个共同的元素代替了自己的品牌,让自己的品牌也能和这个元素联系起来。通过符号元素图形和名称字体的组合,这种设计让人感觉坚韧而有活力,更适合男性品牌。
方法3:文化整合法
这种LOGO设计方法,在地域文化特色明显的企业或公司,如旅游公司、文化公司等,经常会用到。这种LOGO具有丰富的个性和人文思想的特点,对提升品牌调性有很好的效果。
方法4:符号表达
这种LOGO设计方法主要采用与表达内容有一定联系的媒介手法,如图形、元素或色彩等。传播媒介的创造力,以具象的方式表达抽象的内涵。常见的LOGO是联合利华,一个U充满了各种象征性的东西。但是这样设计LOGO,需要对品牌背后的含义进行理解、分类、总结和概括。这样才能提取出有代表性的符号元素,设计LOGO。
方法5:配色法
这种LOGO设计方法在互联网领域应用广泛,具有一定的现代性和视觉冲击力,主要是因为互联网人比较年轻,所以更喜欢视觉冲击力强的LOGO。这个LOGO的设计需要很强的审美能力和配色能力。同时,由于LOGO具有现代感,需要更多抽象的东西来代替企业品牌,让LOGO能够传达企业品牌的心情和基调。