手机应用图标设计的三条规则

成都/产品设计师/6年前/410浏览
手机应用图标设计的三条规则

当我第一次面对绘制应用程序图标的挑战时,我有很多问题-只有在我完成了最初几个项目之后。

我们将进入:

  • 为什么每个应用程序都需要一个图标
  • 可伸缩性的重要性
  • 如何保持设计简单

    有意思的,有趣的
  • 保持设备间的一致性
  • 遵守IOS和Android准则

为什么每个应用程序都需要一个图标

应用图标是为每个移动应用程序添加的独特图像,第一批用户在Apple AppStore和Google Play上找到应用程序时就会看到。

在这个早期阶段,当用户仍在决定是否要查看应用程序时,图标将有助于激发用户的兴趣,并确保应用程序是有用的、值得信赖的投资。

一个坏图标的作用是它的两倍-但恰恰相反。它让人对应用程序的好处感到困惑和怀疑。

但是,一旦用户安装了应用程序,图标的目标就会改变。现在,除了其他图标外,它还可以帮助搜索主屏幕上的应用程序。

但是,是什么使应用程序图标“好”呢?

应用程序图标设计的3条规则

让我们摆脱这个问题:应用程序图标≠徽标。

如果你想学习如何设计一个好的标志,有 不计其数 文章 在……上面 这个 主题 ,而且大部分都是基于保罗兰德的品牌设计。 原则 ..这并不奇怪!

应用程序图标是品牌的一部分,图标和徽标之间经常存在有意的重叠。然而,我怎么强调都不为过: 他们不一样。

徽标和应用程序图标有不同的目标,虽然这并不意味着徽标不能与图标重叠,但它们各自的目标需要考虑。

既然这件事已经过时了,这里有四件事是你要做的 作为你的图标设计过程的一部分。

1.可伸缩性

图标大小没有灵活性-他们进来了 微乎其微 更小, 也不能被拉伸或改变。这意味着易读性是应用程序图标的第一优先。你会注意到图标不

仅会出现在主页上,还会出现在子菜单中,尺寸会更小。

iOS和Android设置中的应用图标


用户不应该劳累他们的眼睛,试图理解设计师的想法。在各种设备上进行测试是关键(我们使用 阿帕斯基 虽然失去细节是不可避免的,但这

个想法必须始终是明确的。


以下是俄罗斯时尚零售商Lamoda简化该应用程序标识的一个很好的例子

这就引出了应用图标设计…的第二个考虑。

2.可识别性

这是应用程序和徽标重叠的地方。

在Messapp公司,我们建议,为了便于识别,简单是关键-这并不意味着无聊。

这些图标不是很详细吗?

你好,邻居,小翅膀,普鲁恩,潘多拉音乐,肉地里的傻香肠,老人的旅程


这里的简单意味着专注于一个想法,并消除任何不必要的或重复的元素。每个像素都应该帮助用户理解并感兴趣于这个伟大的想法。

我们,在 梅斯普 ,不断地进行我们创造的设计,这样客户才能真正地对结果感到惊讶。这项工作包括改变我们在设计中实现的概念和想法-

这就是我们对Mentissana应用程序所做的工作。

在Mentissana的帮助下,我们设计了一些选项,直到最终的应用程序图标。



识别能力的关键是 差别: 应用程序的独特性。

接近 200万份申请 在AppStore和GooglePlay中分别有210万和210万。这是两百万个应用程序图标-所有这些都在争夺注意力。大品牌可以

用自己的商标来吸引人们的注意,但不太知名的应用程序会做些什么呢?

展示一些新的和不寻常的东西!

Todoist使用了任务管理器的标准“Checkmark”,但是在一个有趣的组合中。



为了确保你的图标出类拔萃,花点时间看看你的应用程序在你的利基。如果您看到的大多数图标都是彩色的,请考虑使用单色调色板。如果

有很多特定项目的图像,显示一些不同的东西。 总是寻找解决问题的方法!

想出新的东西是很困难的。制作情绪板,绘制思维图,征求朋友和同事的意见。你永远不知道在哪里你会找到一个好主意。


3.一致性

图标是应用程序的一部分,品牌必须在两者之间保持一致。图标应该描述应用程序并显示其主要功能。这对于游戏来说尤其重要,因为只有

一个游戏机修工,一个应用程序就能下载一百万次。
Jazz Smash在应用程序图标中显示了主要的游戏功能。在游戏中,你用球棒打碎不同的物品。

JazzSmash图标,从第一眼就解释了游戏的特点


Sack图标是图标和界面一致性的一个很好的例子。



不要在图标中包含截图和界面元素-它会误导用户。相反,要暗示应用程序的功能,并坚持与应用程序本身相同的风格和颜色。指导方针可以

帮助你实现这一点!

遵守图标设计准则

尽管iOS和Android的图标开始看起来是一样的,但仍有许多不同之处,使得我们无法在两个操作系统上使用相同的应用图标:比例、视觉技

术和特殊功能。用户会习惯他们的操作系统。


iOS(左边)和Android(右边)图标相同的应用程序

这并不意味着您需要绘制不同的应用程序图标;事实上,显著的差异将 减少 应用程序识别。

而不是千言万语…

应用图标伴随用户从他们第一次接触一个应用程序,通过每一个互动后,他们将。图标的作用是重要的和动态的,需要仔细的研究和深思熟虑。






3
阅读原文
|
Report
|
9
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
奇遇华夏
Homepage recommendation
相关收藏夹
怎么设计手机图标
怎么设计手机图标
怎么设计手机图标
怎么设计手机图标
作品收藏夹
图标
图标
图标
图标
作品收藏夹
手机
手机
手机
手机
作品收藏夹
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in