UI中国如何设计显眼的应用程序图标

美丽 , 可识别且令人难忘的应用程序图标可能会对应用程序的受欢迎程度和成功产生巨大影响 。 如何使一个“良好”的应用程序图标成为现实呢?我整理了一些提示和建议来帮助回答这些问题 , 并指导您设计出色的应用程序图标 。
UI中国如何设计显眼的应用程序图标
文章图片
什么是应用程序图标?
创建图标时 , 您需要了解的第一件事就是应用程序图标的确切含义以及它执行的工作 。 应用程序图标是产品的视觉锚点 。 可以将其视为一个很小的品牌 , 不但需要看起来吸引人 , 而且理想情况下还可以传达您的应用程序的本质 。
应用程序图标不是徽标 。 尽管它们肯定具有类似品牌的品质 , 但它们受到许多不同的限制 。 对于设计师来说 , 这是一个重要的区别:徽标是可缩放的矢量品牌商标 , 专门设计用于信头和广告牌 。 图标通常是基于栅格的输出 , 这些输出经过自定义以在方形画布中以特定大小和特定上下文看起来不错 。 方法 , 工具 , 工作以及成功的标准是不同的 。
UI中国如何设计显眼的应用程序图标
文章图片
从实际的角度来看 , 制作应用程序图标时 , 您要创建一组具有多种尺寸的PNG文件 , 这些尺寸从29×29像素的小尺寸一直到1024×1024像素的小尺寸需要捆绑在一起与您的应用 。
五个核心方面
我将讨论应用程序图标设计的五个核心方面 , 并提供有关如何改进每个方面的提示 , 并展示一些有关如何使用该质量的示例 。
1.可扩展性
图标最重要的方面之一是可伸缩性 。 因为图标将在整个平台的多个位置显示 , 并以不同的大小显示 , 所以您的作品必须保持其可读性和唯一性 , 这一点很重要 。
UI中国如何设计显眼的应用程序图标
文章图片
应用程序图标需要在多种分辨率下工作 , 从而在各种尺寸范围内保持概念的易读性 。
过于复杂的图标过多地填充到画布中 , 经常成为可伸缩性差的受害者 。 应用程序图标设计在概念阶段的很大一部分应致力于思考给定的设计是否可以优雅地扩展 。
如何提高可伸缩性
在1024×1024像素的画布上工作可能具有欺骗性 。 在设备上并在多种环境和尺寸下尝试设计 。
拥抱简单并专注于单个对象 , 最好是一个独特的形状或元素 , 在缩放时可以保留其轮廓和质量 。
确保在各种背景下该图标看起来都不错 。
UI中国如何设计显眼的应用程序图标
文章图片
2.可识别性
应用程序图标就像一首小歌 , 在商店和主屏幕的喧闹声中能够轻松识别它是出色图标设计的关键组成部分 。 就像一首歌的诗句需要引起听众的共鸣一样 , 应用程序图标的形状 , 颜色和构想也是如此 。 设计需要在功能和情感层面上灌输记忆和联系感 。
UI中国如何设计显眼的应用程序图标
文章图片
图标可以是详细的或简单的 。 只要确保它具有创造力和趣味性 , 并准确传达您的意图即可 。
您的图标将在数以千计的其他图标中争夺注意力 , 所有其他图标都具有相同的1024像素画布以产生影响并确保与查看者的连接 。 虽然可伸缩性是可识别性的重要组成部分 , 但新颖性也是如此 。
如何提高可识别性
平淡 , 过于复杂的图标是可识别性的敌人 。 尝试从图标中删除细节 。
尝试设计的几种变体 。 将它们排列在网格上并瞥一眼 , 看看设计的哪些方面引起您的注意 。
解构您最喜欢的应用程序图标 , 并弄清楚为什么您喜欢它们 , 并使用了哪些方法使其脱颖而出 。
3.一致性
在与应用程序图标进行交互的体验与与它所代表的应用程序进行交互的体验之间建立一致性时 , 需要说些什么 。 我觉得好的图标设计是该应用程序的全部扩展 。 确保两者相互支持将创造一个更加难忘的相遇 。


推荐阅读