视觉艺术产品经理进阶产品面面观

一个好的手机App启动图标设计应该具备哪些特点?

2021-04-03  本文已影响0人  Clip设计夹

最近在社群里有位童鞋提出了这样一个疑问,在设计产品图标没有思路怎么办?

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图标设计的总结,希望能够让你有所收获~


精彩推荐:

1、聊聊卡片式设计的运用

2、案例分析:栅格系统的布局设计

3、如何设计深色模式?这3点因素需要考虑

4、深度解析:服务蓝图的应用逻辑设计

上一篇下一篇

猜你喜欢

热点阅读