任何应用□□□□程序开发□□□□公司都会□□做出的最□□□□关键的选□□择之一是□□应用程序□□□□图标的设□□计。好的图标✦很有吸引△力并且会▼增加互动，而糟糕的□□□□设计会减□□□慢采用速□□度并降低□□□□用户使用□□它的可能□□□性。他们的第□□□□一印象将★是您的应◉用程序的·图标 - 这是他们□□从首次下□□载您新发□□□布的产品□□的任何商❖店中首先☆看到的内◣容，也是他们□□□□每次启动◢该产品时□□都会看到❖的内容。 
获得正确◢的描述不◆仅是一件□□□好事，而且也是※一件好事。如果您希□□□望您的应□□用程序取□□□□得成功，这一点至☆关重要。幸运的是，在制作图□□□□标方面，有很多地□□□方和公司□□可以从中□□□汲取灵感。在本文中，我们将讨□□□□论五家顶□□级科技公□□司在应用□□程序图标●设计方面□□□所做的工○作，以及您可□□以从这些□□□□出色的设◈计师那里○学到什么

 
要点：

• 应用程序□□□□图标设计□□□需要满足●一系列标✦准，包括美观、功能、品牌代表□□性和特定丨于平台的□□□□考虑因素。
• 在考虑设♦计自己的·图标时，请考虑顶□□级公司的□□□□建议，例如苹果▲公司对简□□单性的强□□□□调或微软□□□平衡创新□□□□与传统的□□□流畅设计□□□□系统。

 
什么是应用程序图标设计？
应用程序□□□图标设计□□涉及为您◣的应用程☆序创建完◈美的图标。它通常封◢装应用程□□□序的品牌、用途和主□□□□要功能，将这些元□□□□素提炼成□□□简单、令人难忘□□□的图像。设计应用♦程序图标□□□□时，请考虑颜□□色选择、形状和可◇扩展性因▲素。
此外，设计人员□□□□必须牢记◆特定于平▽台的准则。iOS、Android和其他操□□作系统都□□有独特的□□□□设计标准，以确保一□□致的用户□□体验。当我们了□□□解流行科□□技公司为☆其应用程□□□□序图标所▼做的事情□□时，我们将更□□□□详细地讨□□□□论这些内□□容。
从本质上□□□讲，应用程序□□图标设计□□□□是美学、功能和品□□□牌表现的□□□□融合，所有这些□□□□都限制在□□□一个小的□□□□视觉空间□□内。考虑到它□□给用户的□□□□印象和有□□□□限的像素★空间，获得最佳□□的应用程□□□序图标设▽计至关重□□要。
 
顶级公司对应用程序图标设计有何评价？
在设计方□□□□面，顶级科技□□公司有很•多值得学▽习的地方，因为他们□□□□经常聘请□□市场上一□□□□些最有才□□华的设计□□□师。他们的市✦场领导者★地位意味□□□着他们通□□□□常可以引□□□□领一些趋□□□势。以下是 Apple、Microsoft、IBM、Atlassian 和 Google 在应用程□□□序设计方□□□□面所做的□□工作。

1.苹果

许多人将□□□□苹果视为□□□设计领域□□□的领导者。从标志性□□设备到令□□□□人惊叹的◎应用程序，无数公司□□□都向它们□□□寻求灵感。与许多平□□□台开发商□□□一样，苹果在网□□□□上列出了□□□□他们的最□□□佳实践。在图标设□□□计方面，以下是该◢品牌的三◤个关键要□□点。
首先，简单更好。想想你见□□□□过的所有□□□令人难忘○的图标。让我们以 Facebook 或 Twitter 的旧徽标☆为例。它们分别▽是一只鸟□□□和一个“f”。现在，想想苹果□□□的设计。例如，Apple Music 只不过是□□□几个音符。这些图标□□中的每一◥个都非常□□简单。请记住，这些图形□□□描述在用□□□户设备上□□□□往往非常□□小。制作复杂□□□□的细节很❖快就会消□□失。出色的应□□□用程序图□□□□标设计大○胆且易于●识别 - 它简单且□□□易于在众□□□□多应用程□□□□序中被发□□□现。想想如何❖让你的图□□□标设计过丨程变得简□□□单！
接下来，如果可能□□□的话，删除文本，或者至少□□□将其保持✦在最低限□□□□度。仅当文本□□是您品牌□□□的重要组□□成部分时□□才包含文▼本。太多人希□□□□望包含公▽司名称或▽标语，但这通常□□□□很难阅读，尤其是在▲较小的设□□□□备上。如果可能□□□的话，让你的应□□用程序图□□□□标保持图□□形化。
 
最后，考虑您的◎平台并在□□必要时创□□建备用应□□□用程序图▼标。在 iOS 上看起来丨不错的圆□□□□角设计在 Android 上可能就※不那么好•看了。通过考虑（并定制您□□□□的应用程□□□□序图标）平台，您将创建□□□□独特但统□□□□一的体验，无论人们□□□在哪里使□□用您的应□□用程序。

2.微软

微软的流畅设计系统囊括了用户界面和体验设计的未来，同时确保与公司的历史根源有着深刻的联系。关于通过 Fluent 进行应用程序图标设计，明显综合了过去、现在和未来 - 现代应用程序设计者应该考虑这一点！
基于 Fluent 的图标不□□□□仅仅是美□□□□观。虽然他们□□□□拥抱深度、光线、运动和物丨质性来提□□供现代的□□□□交互式用□□户体验，但对微软□□的传统有❖着基本的※尊重。挑战在于□□□□取得平衡：如何在尊□□重和回忆□□□□早期软件□□□□的标志性□□□图像的同□□□□时进行创□□□新？微软希望▼在保留大□□□部分历史□□□的同时，对其产品□□进行改头□□□换面。以下是他□□们应用的□□□一些规则：
超越单色。微软的答□□案是向过□□□去致敬的▼分层动态□□□□图标。这些图标□□□□保持熟悉□□感，确保长期□□□□用户有宾□□至如归的□□□感觉，同时以其□□□现代外观□□□吸引新用□□□户。调色板与□□传统主题□□□和现代设◉计范例产□□□□生共鸣。纹理和材□□□□料既流行□□又现代，但让人想□□□起真实世□□界的触觉□□体验。
 

平衡传统□□与创新。如果您的□□□公司并不□□是全新的□□公司，那么 Microsoft 在 Fluent 方面所做□□□的工作有□□□□很多值得◤学习的地□□方。在应用程□□序图标的□□设计过程□□中，尊重公司□□的历史，同时传达□□公司全新□□的应用程□□序至关重□□□要。通过了解 Microsoft 对 Fluent 所做的事□□□□情，您可以了☆解如何平□□□衡丰富的丨历史，同时传达□□□您希望为□□□您的应用□□□□程序和公□□□□司打造的□□□□大胆未来。

3、IBM

人们在想□□□到应用程□□□□序时可能□□□不会想到 IBM，但他们开•发了一种□□□□引人注目□□□的设计系❖统，称为 IBM 设计语言。设计人员□□应该考虑 IBM 指出的一□□□些事项，因为这些□□□概念可以□□□作为我们★应用程序★图标的指▼南。
他们的图□□□标设计理□□□念的核心□□□□是将其分◇为四个不□□□□同的组：“描边”和“填充”图标、英雄品牌、第三方徽□□标和独特◢的 IBM Plex 应用程序□□□图标。这个概念□□□□暗示了应□□用程序图□□□□标设计中□□□非常关键□□的一点——空间。你的图标□□□是笔画图□□□□标吗？补一份？您如何使□□□用应用程□□□序图标的□□□□可用空间，或者您是□□□否使用负□□□□空间？这些都是△重要的考□□□虑因素。

此外，IBM对所有图◣标应用相▼同的网格。设计师在□□尺寸为 32 像素 x 32 像素的基□□□于像素的□□□网格上制▼作每个 IBM 图标，以实现统□□一。这是一个□□□基本准则，确保每件□□□□艺术品都□□□□能完美地□□□卡入到位。然而，鼓励设计□□师在创作□□过程中进□□行微调，以达到所□□需的形状。
IBM 还通过创□□□建图标组◣来保持图◇标一致性。如果您拥□□□□有多个应◆用程序，这一点至□□□□关重要，因为它可□□以让人们□□□□巧妙地知□□道您的公□□□司是所有□□这些应用□□□程序的幕◉后支持者。当然，不仅仅是 IBM 这样做，苹果和微□□软也是如□□□此。您通常只□□需查看图□□□□标就可以□□□知道应用□□程序背后❖是哪家公▽司！
如果您是□□一名设计□□□□师，那么值得□□□□翻阅 IBM 设计语言，因为它有□□□□许多实现□□□□完美设计◈的精彩指◎导。
 
4.阿特拉斯

正如任何□□□视觉艺术◈形式一样，不同的设□□□计师和公□□□司有不同□□□的观点。Atlassian 强调了一□□□些以前的□□公司没有□□□提到的事❖情——可访问性□□和避免用□□□□户泛滥。
在当今的□□□□现代世界，可访问性□□并不是一□□□□件好事。必须的。确保您的□□□应用程序□□的图标可□□□□访问。这意味着□□□□它应该遵□□守 WCAG 对比度，并且不应◉有带有不□□□□熟悉的图□□□□标的文本。您希望人□□□□们立即掌◇握您的图□□□标和应用□□程序的含□□□义，无论他们□□的能力如□□何。
此外，Atlassian 还鼓励人□□们避免过□□□□度使用图□□□□标。保持它们□□简单干净，以尽量减☆少“图标疲劳”。人们每天□□□□都会查看□□□□数十个应□□□□用程序图◇标，如果您的□□□图标在视□□□觉上过于□□混乱或复□□□□杂，他们就会□□□从您的应□□□□用程序中□□□退出，而不是倾□□□□向于使用□□□它。

5.谷歌

与上述所丨有公司一□□样，谷歌也通△过 Material（谷歌的应□□□用程序图□□标设计系□□□□统）来强调其□□□□图标。虽然 Material 有许多范◣式，但设计师□□□应该考虑□□其中的三□□个范式。
首先，考虑颜色。材质指南◈指定了活□□动图标和□□□非活动图□□标使用的□□颜色。此外，你应该区☆分积极、专注和单□□□纯的积极。设计人员□□经常忽略□□□□焦点状态，特别是对□□□于具有触□□□摸功能的◣应用程序。
接下来，使复杂的▼图标清晰□□□□易读。正如上述◇公司所指□□□□出的，这些必须□□是可读的，谷歌也不◤例外。如果您需□□□要调整图□□□□标以确保□□它们清晰□□易读，请这样做，即使它们□□是系统图□□□标。
最后，Google 的 Material 系统图标□□□是粗体、对称且简□□□约的。它们仅传□□达用户确□□□□定图标背□□□□后的操作□□□□所需的信☆息量。这个设计※原则值得◈在您的应□□用程序图□□□□标设计中丨考虑。
例如，下面的图标显示的信息足以传达其含义，但又不会过于复杂。