制作出色应用图标的 10 个设计技巧

应用程序图标是您的用户在偶然发现您的应用程序时首先注意到的东西。 随着数十亿应用程序在应用商店中争夺注意力，应用程序图标已成为重要的差异化因素，可以打破混乱并将用户吸引到您的应用程序。 它们确实是您的用户遇到的第一个接触点。 因此，立即利用这种经验非常重要。

在这篇文章中，我将建议一些设计技巧，它们可以帮助您构建很酷的应用程序图标，这些图标可以在应用程序商店中脱颖而出，并可能在其他竞争安装中突出您的应用程序。

在我告诉您要点之前，您必须了解应用程序图标的基本目的是建立直接联系并创建认知线索。 这篇文章中建议的所有内容都可以从根本上追溯到实现这一目标。

以下是一些用于创建出色应用程序图标的设计技巧

70%法则

设计师之间的共识是使用 70% 的图标空间来突出连接到应用程序的主要对象。 对象可以是与应用程序相关的任何事物。 如果您正在设计摄影应用程序，则对象可能是相机或镜头。 对于一个游戏来说，它可以是一个角色的面孔等等。

换句话说，对象应该占据图标区域的大部分（70%）。 这个想法是与用户一起开发即时认知，并让他们导航到应用程序页面进行描述。 一旦他们登陆有描述的应用页面，你就可以更容易地获得用户。

但是，仅允许对象有更大的空间是不够的。 它也必须没有杂乱。 只有这样它才能连接并创造更快的认知，这将我们带到下一点。

减少杂乱，直到基础开始分崩离析

继续消除混乱，直到图标内对象的基本概念开始出现。 换句话说，将您的图标剥离到图标中的对象从有意义变为无意义的程度。 切割直到物体保持其通用形状并且可以被大多数人识别。

例如，如果您正在制作一个隐藏图片的应用程序，您可能会想出一个以“钥匙和锁”为主要对象的应用程序图标。 现在，您可以移除阴影或计数器并选择一个完全扁平的图标。 完成后，您可以在设计上采用极简主义，完全使用颜色为图标中使用的“锁和钥匙”形状创建 3D 效果。

沉闷又闪亮，又闪亮又沉闷

使应用程序图标脱颖而出的下一件事是适当使用对比度。 设计师经常在应用图标的对象和背景之间使用对比。 如果你能执行上面提到的两个步骤，你可能会自动登陆这里。

创建对比度也与颜色有很大关系。 从您脑海中预先确定的调色板开始，然后逐步完成。 请记住，这个想法是在背景颜色和对象中的元素之间创建活力和对比度。 如果您是这方面的初学者，您可以参考 Dribbble 上的一些设计并下载您选择的调色板。

完成最终剪辑后，您可以创建 2-3 个版本，颜色更多为白色或黑色。 现在你可以选择你觉得合适的那个。 在 iOS 7 之后，人们非常重视带有更强白色调的新鲜色彩。

不要被你的巨无霸骗了

一旦安装在设备上，您的应用程序图标就会以各种分辨率显示。 为了让它即使在它最小的化身中也显得很重要，人们必须在设计它时牢记比例。 通常，设计师在大型 Mac 屏幕上工作，即使是最微小的细节也可以在其中找到。 但是，当在具有不同图标大小的智能手机上测试相同的图标时，细节就会丢失。

如果您在 Mac 上工作并首先制作图标应用商店，您可能很容易投入一些微小的细节。 但请记住，用于设置菜单的最小图标是 29x29 像素的图像。 诸如小文本或其他符号之类的更精细的细节将不可见。

您能做的最好的事情就是牢记尺寸并使用基本的形状和图案来完成工作。 拥抱简单并专注于单个对象。 最好是一种独特的形状或元素，尽管缩放，但仍保留其轮廓和细节。 这样，您的图标在 Apple 和 Android 给出的指南建议的所有分辨率中看起来都合适。

在无数壁纸上尝试您的图标

用户有不同的品味和偏好，这反映在他们智能手机中壁纸和主题的选择上。 这意味着，您的应用程序图标必须在无数种颜色中脱颖而出。 因此，用七种基本颜色的壁纸测试图标的可见性总是一个好主意。 您可以增加或减少正在使用的壁纸中的白色/黑色饱和度，以完成令人满意的测试。

在某些情况下，墙纸会干扰能见度。 自拍等壁纸可能缺乏统一的颜色，并可能干扰图标的可见性。 你不能在这里做很多事情，但正如我所说，你可以用七种基本颜色对它们进行测试以开始使用。

决定抽象并进行迭代

设计师在图标中的主要对象的抽象和真实描述之间一直处于两难境地。 随着平面图标和 UI 的出现，重量时代已经转向抽象，但不能简单地取消对对象的真实描绘。 真实对象或拟物图标在应用商店中仍然很受欢迎，并且有充分的理由这样做。

例如，如果您制作一个声音增强应用程序，您可以在应用程序图标中绘制一个拟物放大器，而不是将其扁平化或制作线条图标。 但考虑到放大器不是熟悉的商品，如果被压扁，它的认知就会下降。 对于相对常见且在大众中普遍熟悉的东西（摄影应用程序的相机），您肯定会拿出一个平面图标。 但是，如果应用程序连接到不知名的东西，保持它真实或拟物化会更好。

获得良好图标设计的另一个好方法是使用拟物化和扁平化进行多次迭代。 这样做时，您可以牢记第二点。 进行多次迭代，一次剥离一些细节。 将所有这些并排堆叠，然后决定您最喜欢哪一个以及为什么。

对于游戏，识别一个角色

制作游戏图标真的很有趣，因为制作一个图标可以完成很多创造性的事情。 在这中间，你一定注意到了游戏通常有故事和角色。 如果我们坚持与用户建立认知的规则，那么游戏本身的人物面孔可以做得很好。 事实上，这就是角色面孔在游戏应用程序图标中如此普遍的原因。

如果您正在制作游戏，则需要找出主要角色或在所有级别中都通用的角色。 由于玩家对角色的高度熟悉，角色可以用来为游戏创造强烈的回忆。 出于同样的原因，它也可以成为您的游戏应用程序的应用程序图标。

您可以决定一个调色板并围绕它们构建您的应用程序图标。 坦率地说，如果你去打脸，它会变得容易得多。 但与此同时，您可能需要添加一些额外的效果以使其脱颖而出。

一致的调色板和图标和 UI 约定

应用程序的 UI 将具有特定的主题和特定颜色的用法。 最好也使用相同的颜色来设计图标。 您也可以对已在用户界面中实现的某些元素执行相同操作，并在图标中使用它们。 这样做会使您的设计更加统一，并导致用户对您的应用程序的回忆和熟悉度更高。

创意拯救一天

在 Google Play 上搜索“to do apps”，你会发现一个充满复选标记的网格。 是的，大多数待办事项应用程序的设计者只能想出一个复选标记作为他们的应用程序图标——一个常用的待办事项图标。 然而，在一片嘈杂声中，Evernote 图标显得格外醒目。

“to do apps”一词的搜索结果。 请注意，Evernote 图标在其他图标中脱颖而出。

图标的概念源于大象永远不会忘记的事实。 它与表示记事本的折叠大象耳朵的出色执行相结合。 它直接将印象笔记与商店中的其他待办应用区分开来，并创造了强大的认知。

另一个伟大的图标设计的例子可以归功于 Pocket。 首先，该应用程序的想法是独一无二的。 虽然书签由来已久，但它无法让用户回来阅读他们保存的内容。

另一方面，Pocket 使用缩略图来创建清晰的视觉记忆。 该应用程序触发了“保存此内容”的情感，并且图标本身清晰而巧妙地描绘了它。 红色的形状是指“口袋”，而向下的箭头无疑是“下载”。

不要使用照片或图像

除了上面提到的指针，您还可以避免在应用程序图标中直接实现照片和图像。 即使您参考照片，您也必须在 Illustrator 或 Photoshop 中创建自己的矢量。 只有这样，它才会看起来真实并具有磁性。

这听起来像是陈词滥调，但您需要保持设计干净。 我已经提到过将更多的白色或黑色混合到颜色中以获得您想要的完美色调。 这对于整理图标非常方便。 如果某些颜色变得更亮，反之亦然，则整体噪声水平在各种情况下都会下降。

应用程序图标必须变得像任何人都能识别的流行歌曲，以下设计技巧将帮助您制作出色的应用程序图标。 我希望你发现这些积分很有价值。 如果您有什么要补充或建议的，请在下面发表您的评论。