一个好的手机App启动图标设计应该具备哪些特点?
Clippp的第54篇文章分享最近在社群里有位童鞋提出了这样一个疑问,在设计产品图标没有思路怎么办?
我们平常的工作大多聚焦在页面上,很少会注意到产品图标的状态,如果有机会能单独做一款App图标,我们需要具备哪些设计思路呢?一起来看看!
1.App图标的功能
图标也就是我们常说的icon,是一种图形化的视觉传达元素。App图标以视觉化的方式在手机屏幕上显示,并引导用户进行操作。
App图标承载着产品传播与推广的功能,是用户与APP之间的桥梁,用户会不会选择某款APP,从视觉角度来说APP图标的设计起到关键性的作用。
▲ 苹果App Store里有几百万个应用,每个应用都配有独一无二的图标,这些图标从审美和交互两大的方面吸引用户,以塑造App独特的形象。
2.图标和Logo的区别
手机图标和logo给人的感觉是二者有区别,但具体区别是什么又说不太明白。这里简单概括一下它们的差异:
图标
起源于数字化行业,随着电脑和手机的普及,在用户的频繁使用下开始流行。通过视觉设计为用户提供信息和引导。
图标服务于产品,帮助用户在使用时更易于理解和操作。图标通常不是单个图形的设计,往往是一套具有相似风格的图形设计。
Logo
企业的符号,是品牌信息的展示。服务与品牌定位和理念传播。
Logo的可延展性更强,设计时要考虑一个图形在不同场景、不同媒介上的使用。
3.创建图标的要求
了解图标的基本功能以及图标和logo的区别后,接下来将从以下几方面来总结创建一个好图标的要求。
唯一性
我们正处于一个竞争激烈的商业环境中,设计的图标可能要与其他几百万个App图标相互竞争。
通过简洁而强烈的图形符号激活用户的情感共鸣,从而更高效的传递App功能信息。
App图标的设计应该注重满足用户的个性化需求,尊重用户的审美经验和感知。
简洁性
保持图标简洁,避免使用过于复杂的设计。图标的尺寸通常很小,很少有人能注意到其中的文字或细节,细节越多,用户越难以正确识别和感知。
以几个简洁的App图标为例,学习其中的设计并汲取灵感:
微信-绿色背景搭配两个对话气泡;
网易云音乐-留声机和音符相互折叠;
饿了么-蓝色背景搭配e字型图案。
过于复杂的图形元素无法在固有的尺寸内完美展示,图标元素的提炼尤为重要。
创新性
好设计的关键在于抓住事物的本质,并将其转化成每个人都可以轻松辨识的形象。
为了更好地表达App的特色,应该适当变化图标的表现形态,让用户感受到图标所传递出的功能和情感信息,并留下深刻的印象。
▲ 蓝色背景代表天空,使用飞机的形状来展示该App为预订机票而设计,一图胜千言。
一致性
确保App图标能抓住产品的本质,使用产品的主题色、形状和纹理来确保图标与品牌风格保持一致。如果应用程序有几何或渐变风格,尝试将其嵌入图标中。
▲ Airbnb的图标展示了归属感,像征着一个大门永远敞开的世界,用户身处其中永远不会孤单。用户第一次看到这个图标时,就能感受到它带来的连接感。
色彩选择
用户会倾向于选择自己喜欢颜色的App,所以为图标选择主题颜色应该谨慎。
以下是一些使用图标颜色的技巧:
1.图标的颜色应该与品牌和App的色调有整体的关联性,App和图标的主题色应该一致。另外考虑在不同背景下图标都能很好地显示出来。
2.不要在图标设计中使用过多阴影,这样容易导致设计陷入混乱。
3.统计常见App使用的颜色信息,考虑自己的设计是针对哪个市场,并牢记影响用户颜色选择的因素。
最后
总结一下App图标设计的基本要求:
简约:图标的内容或形状过于复杂会很难区分,尤其是在小尺寸情况下。
突出重点:创建焦点清晰的图标以用户吸引注意力。
使用隐喻:合理利用隐喻 对现实事物或实物进行简约化再现。
测试图标:在不同颜色的屏幕背景下测试图标的可用性。
以上就是对App图标设计的总结,希望能够让你有所收获~
精彩推荐: