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

用户头像
成都/产品设计师/7年前/431浏览
手机应用图标设计的三条规则

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

我们将进入:

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

    有意思的,有趣的
  • 保持设备间的一致性
  • 遵守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
阅读原文
|
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面设计 吊牌设计
空的平台平面和自然景观
平面插画情侣/矢量
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
平面书法字手写
“知识宅急送”外卖,快递,平面,海报,素材,教育
倒计时,海报,平面
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
平面人物插画
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
平面男孩喝咖啡插画设计
城阙凡花
你可能喜欢
相关收藏夹
大家都在看
登录注册