加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 移动互联 > 应用 > 正文

南京网站制作分享5个应用程序图标设计技巧和例子

发布时间:2022-11-17 18:01:11 所属栏目:应用 来源:互联网
导读: 应用程序图标是您业务的数字广告牌。拥有一个突出的应用程序图标可以立即吸引您的观众,这将有助于使该应用程序与数百万可用的应用程序区分开来。由于方形图标上的可用空间如此之小,因此对

应用程序图标是您业务的数字广告牌。拥有一个突出的应用程序图标可以立即吸引您的观众,这将有助于使该应用程序与数百万可用的应用程序区分开来。由于方形图标上的可用空间如此之小,因此对其设计进行重创非常重要。虽然有创造力的空间,但也有一些特定的“做与不做”。下面,南京网站制作安优网络我们将介绍这些策略,让您在竞争中占得先机。

什么是应用图标?

应用程序图标是我们都熟悉在应用程序商店、手机和平板电脑上看到的图像磁贴,它让我们知道我们正在尝试访问什么程序。这是一个图形缩略图。

让我们首先澄清一下,应用程序图标不是徽标。不需要在两个地方都使用相同的设计。图标也可以是公司的标志吗?当然,就像耐克如何使用他们的标志旋风作为应用程序的图标图形一样。关键是它不一定是。

应用程序图标会以各种尺寸出现,从手机屏幕上某人的子文件夹中的最小光点到超大计算机屏幕上的大型网络应用程序图标。重要的是,图标在各种尺寸的所有设备上看起来都不错,这就是为什么应用程序设计如此重要的原因。

为什么应用程序设计如此重要?

第一印象很重要

一个好的应用图标设计就像零售店里好的产品包装。它会引起人们的注意,转化为更多的下载量,从而在应用商店中获得更好的排名,从而扩大应用程序展示的用户群……从而继续增长周期。

但是,如果您的应用程序图标没有引起您的观众的共鸣并且没有被下载,那么您可以期望它会慢慢地被推到堆的底部,在那里它可能会在技术版的无人区中停留很长时间时间。这就是为什么确保您的应用程序具有正确的成分组合以使业务成功的重要原因。

准确分类您的应用程序

同一行业的应用程序在图标外观上往往有相似之处。例如,许多食品应用程序都是红色的(想想 DoorDash、Papa Johns 和 Smoothie King),而游戏应用程序通常使用角色脸部的特写。如果一家葡萄酒和奶酪公司为其应用程序图标选择卡通面孔,则可能会导致用户将该应用程序错误归类为游戏应用程序。进行一些研究以查看您的应用类别中其他应用的图标设计,有助于确保您符合行业氛围并让用户正确了解您的应用的用途。

可扩展性

应用程序图标在所有设备上都不相同。图标需要在大型桌面显示器、平板电脑甚至手机上的文件夹上看起来不错。花时间设计一个好的应用程序图标将更好地使图标在所有设备上保持清晰,并且不会意外地以较小的形式出现混乱。

如何制作应用图标

有一些通用规则可帮助指导创建应用程序图标。尽管规则总是有例外,但遵循这些久经考验的做法将使您的偶像在竞争中脱颖而出。

1.保持简单

虽然精心设计的应用程序图标看起来很诱人,但越简单越好。它需要在用户手机上的其他应用程序中易于识别。如果有人必须眯着眼睛来区分图标上拥挤的数字,这并不理想。

考虑一个手机背景。它可以是某人家庭的忙碌图像,甚至可以是详细的动态壁纸。您想要一个可以在任何背景下弹出的应用程序。使用更少的设计图形将防止它迷失在细节中。应用程序图标的平面矢量图像也将减少真实照片和详细图形带来的混乱。

2.不要用词

让我们从例外开始。优步。所有这些公司的图标上都有他们的名字。他们分享的另一件事是他们都是 4 个字母的名字。尽管几乎与企业名称一样简短,但这些词仍然最大限度地利用了图标的可用空间。对于这些公司来说,他们的名字也是他们的标志。因此,如果一家公司碰巧有一个 4 个字母的名称,其标志是双倍的,那么它就可以放在应用程序图标上。

南京网站制作看到一般来说,图标太小,公司名称和文字难以辨认。想象一下,如果麦当劳使用它的全名而不是他们的商标字母 M。它会在应用程序上被潦草潦草,以至于无法阅读。最好使用单个字母,例如 Splice 如何使用“S”,或者投资于引人注目的图形并完全放弃这些单词。

3. 强调清晰

如果应用程序图标上的颜色或线条相互模糊,可能会使设计更难理解。有一些简单的技巧可以抵消这种情况,例如添加边框。Snapchat 用黑色勾勒出它的白色幽灵符号,因此它在黄色背景下显得格外醒目。

另一个技巧是谨慎使用阴影。阴影会使图形显得杂乱无章,尤其是在较小的尺寸下。此外,该技术不再常用,因此现代图标可能会显得过时。市场上的大多数应用程序都倾向于颜色渐变而不是阴影。

4. 与品牌保持一致

如果你打开 Spotify 的绿色和黑色应用程序,你会看到一个黑色的主屏幕,上面写满了绿色文本和播放按钮。使用匹配的调色板可以在图标和平台之间创建合成。它为用户创造了一个有凝聚力的旅程。这并不意味着颜色必须始终相同,而是坚持应用程序的整体本质并将其反映在图标上会产生积极的用户体验。

5. 颜色选择

数字世界中的色彩理论是一个广泛的话题。一个简单的开始确定您应该为您的应用选择什么颜色的地方是查看同一类别中的其他应用。如前所述,在色调上匹配您的类别非常重要,同时仍能从人群中脱颖而出。

例如,许多照片编辑应用程序使用橙色和粉红色渐变。应用程序 Afterlight 结合了这种可识别的元素,但通过提高渐变的生动性并将其放在黑色背景上而脱颖而出。这有助于该应用程序在“相机图标”照片编辑应用程序的海洋中脱颖而出。

关于颜色的第二个提示是不要使用超过三个不同的颜色。大多数应用程序只使用两个,创建一个易于区分几乎任何背景的外观。应用程序最流行的颜色绝大多数是蓝色。因此,如果您滚动浏览应用商店,您将开始看到许多蓝色背景上的白色图形,反之亦然。即使在 Facebook、Venmo、LinkedIn、Calm、Twitter 和 Microsoft Outlook 等最受欢迎的应用程序中,也都是这种配色方案的变体。话虽如此,使用蓝色配色方案并不能保证成功。最好开始研究类似的应用程序,然后预留 2-3 种看起来效果不错的颜色。

设计应用程序图标的技巧

(1)A/B 测试——不要把所有的鸡蛋都放在一个图标篮子里。想出几个版本,然后在软启动、市场焦点小组或 beta 测试期间与实际用户一起测试它们。选择最能引起用户共鸣的图标。

(2)竞争对手研究——尽管上面提到了,但值得强调的是查看其他应用程序设计的重要性。您可以做笔记并查看是否出现任何模式,成功的应用程序图标是什么样的,以及如何将其融入您自己独特的应用程序图标中。

(3)表情:你的应用创意自然会给人们某种感觉和情感体验。以 DuoLingo 为例,他们的图标上有一只有趣而异想天开的猫头鹰,这使得学习第二语言的艰巨任务变得不那么令人生畏。因此,请考虑应用程序的用户应该如何感受并融入其中。

5个引人注目的应用程序图标示例

1. PictureThis:该应用程序可让您拍摄植物的照片以识别物种和护理技巧。这听起来像是一个复杂的想法,但应用程序图标很好地做到了这一点。颜色和中心图像让您知道该应用程序是关于植物的,而熟悉的“相机”轮廓表示拍摄照片的动作。它的绿色色调也与您通常在园艺应用程序中看到的略有不同。

2. AllTrails:当您想到徒步旅行时会想到什么?山脉。这正是 AllTrails 为其远足路线应用所采用的方法。背景上的一座山的简单轮廓巧妙地代表了地形图上的线条,让您有心情探索自然。

3. Strava——橙色是一种表达能量和兴奋的颜色——它让你的血液充满活力,非常适合以跑步为中心的健身应用程序。Strava 选择不使用跑步者的另一个轮廓作为他们的图形。相反,他们在应用程序图标的名称中加入了“AVA”字母设计。设计师对其进行了对齐,因此它也类似于指南针,这很方便,因为 Strava 可以跟踪你的跑步路线。该图标符合健身应用的感觉,同时巧妙地将其与其他类似应用区分开来。

4. 在我们中间!– 大多数游戏应用程序使用图标上的游戏角色之一。在这方面,“我们之中”可以快速让用户对其进行正确分类。与其他游戏应用程序相比,它仍然是独一无二的,它仅使用三种颜色,并且不会用图形、图像和多个字符过度拥挤图标。它保持清爽干净,原色有助于它在任何手机背景下突出显示。

5. Evernote - 你想要另一个记事本应用程序图标吗?没想到。这就是印象笔记应用图标设计的魅力所在。“狗耳朵”的大象耳朵提醒您大象永远不会忘记,就像您使用他们的应用程序时不会忘记笔记一样。

如何获取应用图标

当您最终有了一个想法时,您可以继续进行下一步的实际制作。如果您想自己尝试一下,有很多免费教程和指南提供了使用 Adob??e Illustrator 的演练。如果您想修改不同的设计,这可能是一个很好的起点。

如果您不想亲自设计图标,您可以求助于在线作品集和演出服务来聘请平面设计师。最后一个选择是等到您使用应用程序开发公司,然后向他们的设计团队描述您的想法制作应用程序,他们可以从头开始创建图标。此选项通常允许进行几次不同的迭代,以防第一个版本不是 100%。 考虑到所有这些提示和技巧将帮助您的应用图标在人群中脱颖而出,同时为用户提供他们所追求的预期体验。

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!