有梦想的铅笔头设计师要看的icon

如何搞定一个APP的LOGO设计

2017-06-16  本文已影响166人  OlafChou

APP的LOGO对于产品来说,至关重要,如果能让用户在众多的APP中认出你,并能在使用几次后能记住你大致的形状,其实已经很不错了,这就要求你设计LOGO的时候要够简洁、够直接、但最好又能寓意深刻,最好能像菜鸟网络的LOGO一样,能解释出各种寓意,这样才算合格的LOGO,评审通过率也比较高。总而言之,记住尽量用简洁的形状来传递你产品的理念。

那如何才能做到呢,下面就分享一下如何在真实的项目中完成对LOGO的设计。一共分为四个步骤:一:熟悉产品背景   二:提取关键词   三:品牌元素的提炼   四:打磨细节并交付开发

一:熟悉产品背景

本次要重新改版的APP是医学题库,通过跟产品经理的沟通,大致了解了医学题库这个产品,医学题库APP是把之前的西综题库和掌上题库两者进行合并,这样一来用户则可少装一个APP,而又能完成相同的目标,相信用户是非常愿意的。举个真实的例子,现在市面上单车很火,如果每辆共享单车你都装APP的话,估计128G内存都不够用,因为你还装了其他APP,更何况这种APP一个星期可能就用一两次,放在里手机占内存,删了又骑不了车,真是很麻烦。所以说希望有一天有一个扫一扫(微信、支付宝)就能解决所有市面上的共享单车骑行问题,个人觉得针对使用频率不是很高的而且不是特别复杂的产品,没必要开发一个APP,迅速抢占市场才是最重要的。

接下来简单介绍一下之前2款APP:西综题库、掌上题库

这里可以推荐一篇文章,写的不错可以看看:http://www.ui.cn/detail/236246.html

医学题库关键词

三:品牌元素的提炼

医学题库这个产品属于小众产品,一般局限于医疗行业,所以相应的竞品不是很多,由于丁香园的品牌认知度在医生界比较高,所以我们这次LOGO设计还是针对目标用户来设计的,不是所有大众用户。

探索

LOGO的定稿方案

这里优化了蛇的形状,增加了蛇的眼睛,并且让蛇缠绕蛇杖更紧,提取了钢笔的头部元素,设计手法是图标的正负形,利用钢笔头镂空的部分替换成蛇杖,让两者结合起来,图标的背板是用的苹果图标规范来制作的,图标的设计最大尺寸1024x1024,设计时必须让图标的主体在图标规范的圆圈内。

LOGO的寓意

1、蛇杖代表医学,寓意着APP的目标用户是医生和医学生,也表达一定的权威性。

2、钢笔代表着题库,间接的表达了产品主要功能是帮助用户快速通过考试。

四:打磨细节并交付开发

APP图标设计好了,但是怎么查看自己设计的真实效果呢,那就要放到手机上看,但是目前好像没有一个可以直接预览的工具,所以只能通过曲线救国的方式来达到真机演示的效果,首先图片AI里面导出1024x1024尺寸,然后可以通过IconKit软件或者Sketch导出各种尺寸,这里告诉大家一种用Xcode软件安装APP图标的方法,基本上很多设计师都不会这种方法,当然方法有很多,我这里就讲一下这种方法,其他方法可以自行探索。下面就教大家一下如何用Xcode安装图标。(尺寸为iPhone6 )

1、导出iPhone6应用图标

Product Name:APP的名称;Team:Apple ID

最后我想说的是,每次微调好LOGO一定要放到手机里反复查看,如果不满意就不断的修改,这样才能保证图标在放大的时候和缩小的时候有一定的识别度和美观性。如果只是1024x1024尺寸的图通过了审核,小尺寸没有测试,到时候再修改会很桑心的。

总结

设计好一个APP的LOGO可以按照以下步骤来执行:

1、熟悉自己的产品:目标用户、用户需求、产品主要功能等;

2、通过脑暴等方式得到关键词,通过各种设计网站找参考,选择符合产品的风格。

3、设计出多个概念稿(可以有不同的LOGO表现形式),筛选出最符合产品定位的方案;

4、不断的打磨细节,可以通过LOGO网格和黄金比例来完善LOGO,并导出到手机查看。

下图是我另外设计的DXY用户体验设计网站概念LOGO,如果你看到这里的话,谢谢你的支持,这里提供了这个动效的源文件,可供下载,

下载网址(http://www.zcool.com.cn/article/ZNTA3OTQ0.html)

如果有任何问题欢迎跟我讨论~

上一篇下一篇

猜你喜欢

热点阅读