当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >设计APP图标需要哪些流程?

设计APP图标需要哪些流程?

发布时间:2019-08-02 16:59:23

APP图标,作为软件的第一印象,很大程度上决定了用户是否选择、使用它。所以,APP图标的设计是非常重要的。那么设计APP图标需要哪些流程?下面小编就来和大家说一说。

第一步:头脑风暴

我们在做App 图标前,需要先分析应用的个性及涉及到的功能,并罗列出来,获取关键词,然后通过关键词利用头脑风暴的方式,尝试能联想到什么样的物品或图形作为图标元素,例如,其中一个关键词是“助眠”,那我们可以想到以下元素。

设计APP图标需要哪些流程?

枕头,床,月亮等联想图

因为“枕头”、“床”的功能是让人睡觉,“月亮”是夜晚出现,和睡眠也是有一定关联性,这就属于暗喻法,用一种事物暗示比喻另一种事物。由于每个人学习和工作环境不同,对暗喻的理解各不相同,我们在设计图标时尽量挑选能被大多数人接受的物品或图形。

第二步:抽象图形

通过头脑风暴的方式,我们将确定的元素转为图形。例如,“深度睡眠音乐盒”是一款通过播放放松减压治疗失眠催眠曲来改善睡眠的应用。它提取的元素就是床、枕头和月亮,月亮都能在夜晚安睡了,更何况你呢?元素来源于生活,给用户亲切感。

设计APP图标需要哪些流程?

“深度睡眠音乐盒”App 图标

第三步:竞品分析

由于现在同类型的App 产品众多,使用的元素又非常近似。为了避免设计撞车,我们需要了解同行,同类型产品的图标设计是什么样子的。通过分析,筛选,调整图形设计细节,区别同类产品图标的设计。

设计APP图标需要哪些流程?

睡眠类型的相关应用

第四步:确定风格

在确定App 图标的基调图形后,我们就要思考设计风格和主要配色了。图标的配色要结合产品特色及目标用户群,选择合适颜色,例如:“睡眠”类型的App,颜色会选择深空蓝为主色。关于图标的设计风格,目前主流的是扁平化风格。扁平化风格的形式也很多样,有几何图形形式的;有利用渐变颜色表现立体层次形式的;有略带材质细节的;有lowpoly(多边形)形式的;有折叠形式的;有长投影形式的;有MBE 风格形式的;有插画风格形式的;这些形式是可以适当结合使用。

设计APP图标需要哪些流程?

不同风格的图标(图标来源于网络)

在”查找我的iPhone“的图标中,就是扁平化设计风格,利用渐变颜色增加层次感和质感。

设计APP图标需要哪些流程?

”查找我的iPhone“图标拟物风格与扁平风格

第五步:调整细节

一个图标在制作过程中,要经过反复推敲,调整设计细节。下图中:人物形象的胡子形态反复的调整。

设计APP图标需要哪些流程?

反复调整细节图(图片来源于网络)

第六步:场景测试

一个图标设计完成之后,由于应用场景多种多样,有的在Appstore 上使用,有的手机主屏上使用,在消息提醒界面中使用。而且手机的分辨率各不相同,图标需要进行不同分辨率适配;还要考虑在深色和浅色背景中的显示效果;经过反复测试后,以保证图标在各种场景下都有较好的识别性。

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定