APP图标,作为软件的第一印象,很大程度上决定了用户是否选择、使用它。所以,APP图标的设计是非常重要的。那么设计APP图标需要哪些流程?下面小编就来和大家说一说。
第一步:头脑风暴
我们在做App 图标前,需要先分析应用的个性及涉及到的功能,并罗列出来,获取关键词,然后通过关键词利用头脑风暴的方式,尝试能联想到什么样的物品或图形作为图标元素,例如,其中一个关键词是“助眠”,那我们可以想到以下元素。
枕头,床,月亮等联想图
因为“枕头”、“床”的功能是让人睡觉,“月亮”是夜晚出现,和睡眠也是有一定关联性,这就属于暗喻法,用一种事物暗示比喻另一种事物。由于每个人学习和工作环境不同,对暗喻的理解各不相同,我们在设计图标时尽量挑选能被大多数人接受的物品或图形。
第二步:抽象图形
通过头脑风暴的方式,我们将确定的元素转为图形。例如,“深度睡眠音乐盒”是一款通过播放放松减压治疗失眠催眠曲来改善睡眠的应用。它提取的元素就是床、枕头和月亮,月亮都能在夜晚安睡了,更何况你呢?元素来源于生活,给用户亲切感。
“深度睡眠音乐盒”App 图标
第三步:竞品分析
由于现在同类型的App 产品众多,使用的元素又非常近似。为了避免设计撞车,我们需要了解同行,同类型产品的图标设计是什么样子的。通过分析,筛选,调整图形设计细节,区别同类产品图标的设计。
睡眠类型的相关应用
第四步:确定风格
在确定App 图标的基调图形后,我们就要思考设计风格和主要配色了。图标的配色要结合产品特色及目标用户群,选择合适颜色,例如:“睡眠”类型的App,颜色会选择深空蓝为主色。关于图标的设计风格,目前主流的是扁平化风格。扁平化风格的形式也很多样,有几何图形形式的;有利用渐变颜色表现立体层次形式的;有略带材质细节的;有lowpoly(多边形)形式的;有折叠形式的;有长投影形式的;有MBE 风格形式的;有插画风格形式的;这些形式是可以适当结合使用。
不同风格的图标(图标来源于网络)
在”查找我的iPhone“的图标中,就是扁平化设计风格,利用渐变颜色增加层次感和质感。
”查找我的iPhone“图标拟物风格与扁平风格
第五步:调整细节
一个图标在制作过程中,要经过反复推敲,调整设计细节。下图中:人物形象的胡子形态反复的调整。
反复调整细节图(图片来源于网络)
第六步:场景测试
一个图标设计完成之后,由于应用场景多种多样,有的在Appstore 上使用,有的手机主屏上使用,在消息提醒界面中使用。而且手机的分辨率各不相同,图标需要进行不同分辨率适配;还要考虑在深色和浅色背景中的显示效果;经过反复测试后,以保证图标在各种场景下都有较好的识别性。
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答想学习网页设计?本文分享学习网页设计大约需要多长时间,帮助您更好地规划学习计划。
想要成为游戏开发达人?学习游戏开发制作课程,掌握游戏开发的核心技能和知识,开创自己的游戏开发之路。
想提升自己在3DMax特效动画领域的技能吗?不妨考虑参加专业的3DMax特效动画培训,了解最新技术和实践经验,让自己成为行业专家。
想提升视频剪辑技能?参加视频剪辑制作学习班,学习专业剪辑技术,提高剪辑水平。
想学习平面设计但不知道如何选择合适的学校?本文为您提供了一些选择平面设计学校的建议。
想要学习网页设计,但不知道该选择哪种方法?本文教你如何选择适合自己的网页设计学习方法。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!