应用图标设计快速上手

时间:2021-03-20 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{应用图标设计快速上手}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的应用图标设计快速上手内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

很多开发者在开发应用时,可能直到最后才会想起应用图标。然而,从宣传推广或吸引应用商店用户的眼球来说,应用图标至关重要。正如实体店的标识或橱窗一样,图标不仅要体现应用的核心价值,还要能吸引用户点击。

01-Millions-of-App-Icons.png

(图片来源: Adobe

应用图标有问题,就算应用本身再好也无济于事。很多用户并不会深入了解或使用应用。所以一开始便考虑应用图标的设计方案很有必要,并以严谨的态度选定最合适的方案。

对此,我们撰写了本指南,分两部分进行介绍如何设计和确定最适合的图标。首先,让我们来了解应用图标的基本知识。(敬请关注博客的第二部分:如何进行 A/B 测试,甄选最佳图标。)

让图标在应用商店中脱颖而出

您可能已经有了应用的初步想法,或者可能已经快要完成开发(恭喜!)。如果把应用比做产品,图标就是营销。出色的图标对应用发布至关重要。现在,不妨测试一下设计,看看哪款图标会让用户忍不住要“安装”!

设计图标时,需要牢记以下几点:

1. 无论大小,“好看”很重要(还要有特色)

图标会出现在各种屏幕和菜单中。有些设备可能支持视网膜显示屏,有些则没有。在设计应用的图标时,必须适配各种硬件环境及分辨率。

02-App-Icon-Render-Sizes.png

应用尺寸可能从 1024x1024 像素到 10x10 像素不等。(图片来源: AppIconTemplate.com

AppIconTemplate.com 给出了很好的建议:

  • 设计不同尺寸的图标,并在多种环境下测试。

  • 设计要简单,专注于单个要素或形状。

  • 缩放时,图标应清晰可辨。

我们发现,大多数设计师都借助 IllustratorPhotoshop 或 Sketch 等软件来实现图标的可缩放性。对于第一次参与图标设计的新手来说,最好使用模板。AppIconTemplate.com 提供了适用于 Photoshop 的免费版本

2.简单明了

应用商店汇集了数百万应用。在浏览应用商店时(假设从左向右读),用户首先看网站营销的方法到的是图标,其次是应用的标题和预览图。如果通过图标就能大概了解应用的功能,用户会觉得很方便。

03-iOS8-iPhone-Search-Results-Panes.png

(图片来源: MacRumors)

总是依赖于应用的预览图像并不可靠(例如,如果进入热门榜单,应用的预览图像就不予显示)。图标要有特色,要与众不同。

以下是一些经验法则:

  • 优秀图标的共同点是设计简单明了。如果不是像 Facebook 或 Google 一样的知名品牌,就别太依赖自身 logo。

  • 无论主要功能(例如可以使用购物车的优惠券应用)、主要角色(例如游戏类应用)是什么,图标都应该代表应用的核心品牌价值。

  • 图标的颜色应醒目,同时反映应用内的配色方案。

GmailDropbox 和《跳跳先生(Mr. Jump)》的图标在传达应用理念方面做得非常出色。它们在传达信息的同时,还突出了应用的独特卖点。

04-Gmail-Mr-Jump-Dropbox-App-Icons.png

3. 醒目

假设用户下载了一款应用,随后关上了手机屏幕,过了几小时再打开。如果用户手机里的应用很多,那么要找到特定应用通常会花点时间。这时,如果您的应用能够一眼就认出来,对用户来说会方便很多。

05-iPhone-6-Filled-With-Apps-300x200.png

(图片来源: The Verge

专注于独特的形状或物体。想想 Instagram 的老式相机,或者 Snapchat 的幽灵。寻找既醒目又能突出独特卖点的切入点,例如 Instagram 的精美照片和 Snapchat 的“阅后即焚”照片。

光靠形状不够,还应该选择对比度高的醒目颜色。LINE 和印象笔记(Evernote) 在这方面做得很好,两者将绿色与截然不同的颜色进行了鲜明对比。绿色也让它们脱颖而出(只需将 LINE 的绿色与 F 大白兔奶糖危机公关案例aceTime 比较便能看出)。

06-Instagram-Snapchat-Line-Evernote-App-Icons-300x74.png

4. 避免使用文字

如果可以,避免在图标中使用文字

一方面,文字不易阅读。看到上面的小图标了吗?在窄菜单中,图标中的文字将难以辨认。

另一方面,在应用商店、手机屏幕和菜单中,应用名称会被标注于应用的下方或旁边。使用文字,尤其是应用的名称,会显得多此一举。

5. 背景同样很重要

不是每个人都用默认壁纸。有些人会选择浅色背景,有些会选择深色,还有一小部分会选择彩虹背景。应用会显示于背景之上,因此测试图标颜色时,务必要始终做到颜色“醒目”。需要检查:

  • 常见的默认设备壁纸

  • 应用所支持平台的应用商店背景

  • ROYGBIV 和黑白谱(红、橙、黄、绿、蓝、靛、紫、黑、白、灰)

虽然听起来有点乏味,但如果因为图标与背景(例如黄色)不合适而需要重新设计图标时,会发现这样做能节省大量时间。

07-Smartphone-Wallpapers-300x187.png

应用可能会遇到的众多背景。

我们已经介绍了快速上手的应用图标模板和一些重要的设计原理。您可以使用不同的配色方案和图案模拟一些概念,请设计师朋友进行设计,然后进行测试。记住要给出多个设计方案。

在本系列的下一部分,我们将探讨如何从众多概念中甄选最优秀的方案,以实现最大的下载量和收入。

应用图标设计快速上手

上一篇:多地区App Store应用涨价 中国不在其中
下一篇:【独家】Instagram:真要开放广告了,拥抱吧!


版权声明:以上主题为“应用图标设计快速上手"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
扫码咨询
    应用图标设计快速上手
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“应用图标设计快速上手”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通应用图标设计快速上手的相关事宜。

关键词:

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号