风气网

如何4步搞定一个APP的LOGO设计?

2024-09-19来自:本站整理

@Olaf_Chou 讲解一下LOGO设计的流程和总结一下自己设计LOGO的,如果有不对的地方,希望指出

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

那如何才能做到呢,下面就分享一下如何在真实的项目中完成对LOGO的设计。一共分为四个步骤:

一:熟悉产品背景二:提取关键词三:品牌元素的提炼四:打磨细节并交付开发一:熟悉产品背景

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

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

两个APP的LOGO是之前的版本,很久没有进行图标优化升级,已经不太符合现在的趋势。图标在1024×1024尺寸的时候,细节很多,很精细,但是在手机上却看不清细节了,所以这次有必要对医学题库LOGO进行重新设计,替代之前的陈旧的LOGO。

分析了两款产品,最终得出了医学题库的目标用户、核心需求、Slogan。

医学题库的目标用户:医学生和医生。

医学题库主要功能:帮助目标用户快速的通过执业医师考试和西综考试。

医学题库的Slogan:医学考试通关神器;

二:提取关键词

首先接到需求后,分析了一下手机上的APP(为了设计好LOGO,我下载了很多APP),粗略的分析了LOGO大致的设计方向。同样看了很多文章,这样可以让你在跟产品和设计团队沟通交流的时候心里有底,以免被牵着鼻子走。具体看下图

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

医学题库关键词

三:品牌元素的提炼

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

探索

这里提取WHO(世界卫生组织)里面的蛇杖作为LOGO一部分,西医是以“蛇杖”作为自己的标志的。而且很多跟医疗相关的企业或者图形都会有蛇杖标志的出现,救护车上的LOGO就有蛇杖的标志,感兴趣的自己上Google一下吧,哈哈。

钢笔当时是想表达做题的意思,而且钢笔比铅笔之类的更加代表专业,因为医生很多习惯用钢笔写字,所以这里选择了钢笔作为灵感来源。

书本自然代表题库的含义嘛,其实之前也想过很多其他的比如书架,十字架等,都被否决了。

LOGO的飞机稿

这里做了很多飞机稿,主要还是想通过书籍、蛇杖、医疗等元素来设置医学题库的LOGO,后来产品方面都觉得不满意,所以又重新设计了一个方案,所以这里展示飞机稿只是想告诉大家,一个LOGO设计应该需要改很多遍,改到相对满意为止。

LOGO的定稿方案

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

LOGO的寓意

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

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

四:打磨细节并交付开发

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

1、导出iPhone6应用图标

这里要注意的是图标一定要方角,不要圆角,因为开发真实拿到的图标都是方角,软件会自动转换成圆角,所以不需要设计师自己弄成圆角,不过自己做其他设计稿展示需要圆角的时候可以在Sketch上面装一个插件Egmont Plugin,这个插件可以生成苹果的圆角(这个圆角一般自己是画不出来的)。iPhone 6图标尺寸大小是120x120px,图标命名一定要有后缀@2x。

2、Xcode设置

选择第二个

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

依次选中红框的部分,然后将iPhone6的图标拖进到相应的位置。然后USB连接手机,点击紫色框运行即可。

3、效果图

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

总结

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

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

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

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

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

下图是我另外设计的DXY用户体验设计网站概念LOGO,如果你看到这里的话,谢谢你的支持,这里提供了这个动效的源文件,可供下载,如果有任何问题欢迎跟我讨论~

花厂设计招待所

作者:Olaf_Chou



  • [詹肥泳15379938674] - 如何4步搞定一个APP的LOGO设计?
    靳行学::一:熟悉产品背景二:提取关键词三:品牌元素的提炼四:打磨细节并交付开发一:熟悉产品背景本次要重新改版的APP是医学题库,通过跟产品经理的沟通,大致了解了医学题库这个产品,医学题库APP是把之前的西综题库和掌上题库两者进行合并,这样一来用户则可少装一个APP,而又能完成相同的目标,相信用户是...
  • [詹肥泳15379938674] - 如何做app
    靳行学::首先打开简网工厂网址(在百度搜索就可以了哦)大家就会看到:2\/4 第二步:当然是点击免费创建自己的App 注意在这里它会有一个绑定微博的程序,这个大家可以放心绑定最好选择一个自己常用的因为这个号码后期还将是你的登陆帐号。(当然也可以更改的)3\/4 第三步:授权完之后,那就是填写一些基础的信息。
  • [詹肥泳15379938674] - 怎么制作一个app
    靳行学::第一步:在应用公园官网登录注册就不啰嗦了 第二步:选择开发模式,有主题模式、自由模式、一键模式三种。自由模式你比较灵活,多操作要求较高,这里选择主题模式。因为应用公园有多个行业多类型的APP经典模板、成功案例,这些都可以一键套用,仅需对图片文字进行替换即可。第三步:选择制作模板后,填写你的...
  • [詹肥泳15379938674] - 待办事项太多,忙不过来怎么办?1个方法4步帮你搞定!(附todo待办工具模版...
    靳行学::面对繁多的待办事项,忙碌却无进展的困境,我们该如何应对呢?一个实用的4步策略能帮你高效管理:首先,理解并避免"沸水效应",确保每个任务都完成后再进行下一个,合理安排任务优先级;其次,运用PDCA工作法:计划(明确目标与路径)、执行(详细行动方案)、验证(监控效果并调整)和行动(总结改进)。...
  • [詹肥泳15379938674] - app制作多少钱 制作平台轻松搞定你的问题
    靳行学::1、免费app制作平台轻松制作搞定 2、搜索关键词 3、注册 4、登录 5、设置 6、基本信息 7、图标 8、页面设置 9、文件 10、免费化资源化 方法\/步骤 免费app制作平台轻松制作搞定 首先我们要做的是搜索相关关键词并找到我们要利用的免费app制作平台,如图在搜索框中输入相关关键词寻找适合我们的app免费...
  • [詹肥泳15379938674] - 学优app怎么注册
    靳行学::1. 打开学优APP首页,你首先会看到的是页面下端的“我的”页面选项。2. 进入“我的”页面后,轻触头像,这将引导你进入学优的登录页面。3. 在手机登录页面,你会看到“手机快速注册”的选项。点击它,顺利进入注册页面。4. 在学优账户注册页面,按照要求填写你的...
  • [詹肥泳15379938674] - 待办事项太多,忙不过来怎么办?1个方法4步帮你搞定!(附todo待办工具模版...
    靳行学::接下来,是PDCA工作法的四步法:计划(PLAN)、执行(DO)、验证(CHECK)和行动(ACTION)。开始时,明确目标并制定详细的行动计划,用“5W2H”法分解任务,如甘特图分解工作流程,确保每个步骤都清晰可操作。执行过程中定期检查,看板视图能实时反馈进度,而阶段目标的设定则让检查更有针对性。最后的ACTION...
  • [詹肥泳15379938674] - 怎么样开发一个软件
    靳行学::1、软件开发的第一个流程是项目开发目的分析与确定,主要是在软件开发商将开发项目确定下来之后,需要与需求方进行讨论,确定需求方对于软件开发的需要实现目标及其具体需要的功能等等,并确定是否可达成;2、接下来就是需求分析,这个步骤也是为软件开发的正常进行确定具体思路的阶段。在确定软件开发可进行后...
  • [詹肥泳15379938674] - 做一个App需要多少钱
    靳行学::2、游戏APP,纯单机,不依赖后台,内无应用购买,无PUSH,2D游戏,合作时间一个月,价格相较略高,5W到10W之间 3、复杂的前后台APP,至少8W起,而且第一期很难开发到一个成熟的状态,需要3次左右的升级,APP才会达到可用度较高的状态,真要完成,需要一个配置人员比较完整的团队,这个团队里需要项目...
  • [詹肥泳15379938674] - 新建一个flutter项目,可以在ios上运行,四步搞定!
    靳行学::1. 建立一个flutter项目的命令 2. 在ios文件夹下,生成pods文件夹 3. Xcode环境签名设置;把错误的版本删除再添加,可解决签名错误问题;必须先删除再添加,直接修改可能不起作用。团队开发,必须使用团队的签名。4.运行创建的flutter项目; 选择真机、模拟机,点击运行按钮,或使用命令运行:下面两步...
  • 首页 热门
    返回顶部
    风记网