Annie 课堂:应用图标设计快速指南

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

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

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


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


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


出色的图标对应用发布至关重要。现在,不妨测试一下设计,看看哪款图标会让用户忍不住要“安装”!设计图标时,需要牢记以下几点:


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


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


1.webp.jpg

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


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

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

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


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


2. 简单明了


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


2.webp.jpg


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


  • 优秀图标的共同点是设计简单明了。如果不是像 Facebook 或 Goog卫视频道广告投放le 一样的知名品牌,就别太依赖自身 logo。

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

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


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


3.webp.jpg


3. 醒目

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


4.webp.jpg


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


5.webp.jpg


4. 避免使用文字


如果可以,避免在图标中使用文字。一方面,文字不易阅读。看到上面的小图标了吗?在窄菜单中,图标中的文字将难以辨认。另一方面,在应用商店、手机屏幕和菜单中,应用名称会被标注于应用的下方或旁边。使用文字,尤其是应用的名称,会显得多此一举。


5. 背景同样很重要


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


  • 常见的默认设备壁纸

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

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


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


6.webp.jpg


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


Annie 课堂:应用图标设计快速指南

上一篇:顺网科技与顺荣三七达成战略合作 | Unity收购Si
下一篇:日韩安卓游戏周榜:永恒冒险M登顶韩人气榜


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

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

关键词:

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