iOS图标设计既要有功能性,又要具有独特的个性,通过设计良好的iOS图标icon,有助于提高产品的转化率、参与度甚至盈利能力。iOS图标需要清晰的传递产品信息,促使用户点击下载产品,为了使高度概括性的图形能够准确的代替产品定位,设计师需要提炼与图标相关的造型、颜色、文字以做设计备用。Pixso总结了iOS图标设计规范,以及确保图标能顺利交付的最佳实践。

1. iOS 图标有哪些类

Apple 应用程序图标的大小和 iOS 应用程序图标的分辨率,并不是设计图标时最重要的事情。你还需要创建一个 App Store 应用程序图标,以吸引你的目标受众并诱使他们点击、下载并实际使用应用程序,以下是三个可以对你的图标设计提供帮助的iOS图标分类:

1.1 以角色为中心

以角色为中心的应用程序设计将突出你的应用程序或游戏中的突出角色,你的目标受众会认出这些角色。将游戏角色设计为App图标,既贴合应用程序的整体风格,又满足了游戏玩家的视觉愉悦度,运用应用角色为中心,能更高速的浓缩传达应用信息,便于用户记忆。对于还未使用应用的玩家也能一眼就了解应用的定位。

2000+ Memoji Full Pack

2000+ Memoji Full Pack

1.2 以品牌为中心

以品牌为中心的应用程序设计将采用 App Store 用户熟悉的品牌徽标。流行的例子包括某巴克、某米诺比萨的应用程序图标。围绕品牌理念,将品牌元素融入进图标中,能加强用户对于品牌的印象,一个图标能否起作用,在于用户是否清晰识别图标传达的对象、想法、或者行为元素,体现品牌的独特定位。

品牌logo图标

品牌logo图标

1.3 以功能为中心

以功能为中心的应用程序设计将帮助 App Store 用户了解相关应用程序的核心功能。你选择的图标类型将取决于你创建的应用程序和你的独特受众。选择最适合你的应用目的和目标市场的类型。应用图标不仅要简洁、易识别,更要偏重于功能性与辨识度,在App Store的菜单中,聚集了各种风格不同的App,想要用户一眼从App Store中注意到你的应用,首先要保证用户能从图标中清楚应用的功能。

用户界面图标

用户界面图标

2. iOS 图标尺寸规范

Apple 对 iOS 应用程序图标大小和分辨率的图标要求非常具体,必须遵守严格的像素准则,以确保它们在公司的许多不同设备上正确显示。

以下是iPhone对于ios图标的尺寸要求:

  • iPhone180px × 180px(60pt×60pt @3x/ 120px × 120px(60pt×60pt @2x)

  • iPad Pro:167px × 167px(83.5pt × 833.5pt @2x)

  • iPad and iPad mini152px × 152px(76pt × 76pt @2x)

  • App Store:1024px × 1024px(2024pt × 1024pt @1x)

小图标尺寸规范

除了上面列出的应用商店图标大小之外,Apple 还要求开发人员创建和提交小图标。此版本的应用图标应该看起来与你已经提交的较大尺寸完全一样,但要遵守以下规范:

  • 聚焦图标 iPhone :120px × 120px(40pt × 40pt @3x)/ 80px × 80px(40pt × 40pt @2x)

  • 聚焦图标 All iPad Models:80px × 80px(40pt × 40pt @2x)/58px × 58px(29pt × 29pt @2x)

  • 设置图标 iPhone:87px × 87px(29pt × 29pt @2x)/58px × 58px(29 × 29pt @2x)

  • 设置图标 All iPad Models:58px × 58px(29pt × 29pt @2x)

  • 通知图标 iPhone:60px × 60px(20pt × 20pt @3x)/40px × 40px(20pt × 20pt @2x)

  • 通知图标 All iPad Models:40px × 40px(20pt × 20pt @2x)

3. iOS 图标设计原则

    设计时,确保应用图标的角保持正方形,因为一旦你的图标被提交、批准并上传到 App Store,苹果就会为你四舍五入将圆角部分自动裁去。在创建应用图标时,你需要了解并使用好的设计原则,以下这些提示将助你设计出更好的图标:

    3.1 图标背景清晰

    你的应用程序图标应该易于在各种设备上阅读、理解和识别。这就是为什么我们建议使用纯色背景并从图标设计中删除任何不必要的混乱。我们还建议不要使用现实生活中的照片或文字,因为这些东西会迅速降低清晰度。

    3.2 与应用程序调性保持一致性

    一个漂亮的应用程序图标不能反映你的应用程序或游戏的目的和功能,不会使你的公司受益。确保你的应用程序的图标设计和用户体验保持一致。例如,如果你的应用程序界面是绿色的,请确保你的图标包含该颜色。

    3.3 体现图标的独特性

    好的应用程序图标是独特的,很容易被目标受众识别。如果你的图标设计的太过普通,可能会让用户把你的应用跟其他的应用混为一谈,为避免这种情况,请进行竞争性研究,以了解市场中其他与你定位一致的应用程序图标的外观,然后将你的设计转向不同的方向。 推荐设计师可以打开Pixso资源社区看看其他设计师的图标设计案例,不仅可以启发你的设计思路,还能帮助你了解案例中设计师设计图标时运用的元素,多看多实践,永远是设计的铁律。

    Pixso官网

    如果你遵循这些设计原则,你的 iPhone 应用程序图标设计和 iPad 应用程序图标设计便能够在应用商店中脱颖而出,让用户一眼就能从应用库中看到你的App图标。

    3.4 测试 iOS 图标

    最后一步,进行应用程序图标测试,以确保它对应用的转化率产生积极影响。测试目的主要是了解更新图标后下载量是增加还是减少。如果你看到新用户数量激增,说明这个图标的设计是成功的。但是我们仍然需要定期测试,以确保图标尽可能优化。

    如果你在重新设计图标后下载量开始减少,可以考虑使用你第一次测试中收集的数据进行新设计,以查看转换是否有所改善。

    不要忘记在 iPhone 上测试你的应用程序图标,以确保它符合每个应用程序商店的图标设计规范。在设计过程中,可以使用Pixso协同设计工具,Pixso是国内 UI/UX 设计师和产品经理都在使用的专业设计工具,大量内置iOS、Android设计系统资源,能帮助设计师快速启动设计工作。