400-800-9385
网站建设资讯详细

应用程序图标设计 – 来自科技公司的 5 个惊人创意

发表日期:2024-01-03 09:44:23   作者来源:邓德茂   浏览:669   标签:图标设计    

图标设计

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

 
要点:
  • 应用程序图标设计需要满足一系列标准,包括美观、功能、品牌代表性和特定于平台的考虑因素。
  • 在考虑设计自己的图标时,请考虑顶级公司的建议,例如苹果公司对简单性的强调或微软平衡创新与传统的流畅设计系统。
 
什么是应用程序图标设计?
应用程序图标设计涉及为您的应用程序创建完美的图标。它通常封装应用程序的品牌、用途和主要功能,将这些元素提炼成简单、令人难忘的图像。设计应用程序图标时,请考虑颜色选择、形状和可扩展性因素。
此外,设计人员必须牢记特定于平台的准则。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图标

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

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

图标

5.谷歌

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

图标

如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6946.html