T iOS中最值得设计师学习的33个APP图标 - CocoaChina_让移动开发更简单

首页 >产品设计

iOS中最值得设计师学习的33个APP图标

2017-03-31 11:47 编辑: suiling 分类:产品设计 来源:酷九合金社

60.gif

苹果公司一直以来对产品细节非常关心,因为细节对于用户的完美体验来说非常重要,对于设计师也是。苹果的所有者们对产品的相关设计要求很高,只要有一丝不如意,就会直接抛弃。对于图标来说,同样如此,设计感至关重要。在App Store中,一个好的标志可以在茫茫软件海中脱颖而出。很多人会发现有些软件下载到手机后可能一个月甚至更久都不会打开,然后某天被默默地拉到卸载框。。。而一个出色的图标,会促使用户打开的渴望,提高软件的使用率,达到软件所有者的目标。

那iOS操作系统中有哪些值得设计师们学习的APP图标呢?

为了让你更方便地了解这些令人惊艳的图标,我们收集了33个美观、新颖、充满现代感的例子。下一次再做iOS的项目,你就有可以借鉴的啦~

01.1Password

1094929.png

“0”在这里代表了想象力,很像Obvious的挂锁,但是1Password的图标传达出此APP的服务核心——安全性。你会觉得无论你在其中存储什么,都是可以放心的。

02.A Good Snowman Is Hard To Build

1094930.png

游戏人物往往因为太复杂而不能用在图标中,但对于A Good Snowman Is Hard To Build英勇的怪物并不是这样。它在你的手机屏幕中的各种软件中脱颖而出,甚至拨动着你内心打开它的冲动。除非你是个怪物,不然你没法抵抗住诱惑~

03.Assembly

1094931.png

对一个APP来说,如果它想吸引设计师或者小孩子,那图标就一定要做得有趣、创新、尖锐、五颜六色亮瞎眼~Assembly就是这么干的。

04.Blek

1094933.png

这个是一个用手指画线的益智类游戏,需要控制手写,诱导目标碰撞。但这些概念对于一个图标来说太多了,但是Blek仍然通过一个潇洒而难忘的线条来展现游戏的优雅和视觉效果。

05.Clear

1094934.png

Clear应该是约一百万个应用程中唯一一个使用√的APP。它积极向上的视觉展现让你的生活无论在什么时候,只要使用它就会变得充满阳光。同时,它的颜色让它从普通、竞争性的APP对手中生产。

06.Device 6

1094935.png

Simogo的iOS游戏经典可以让你处于一个间谍和阴谋的世界,让你探索一个神秘的世界,寻找其中的秘密。 该图标柔和又充满威胁,以及大胆的颜色完美地唤起了游戏的感觉。

07.djay 2 for iPhone

1094936.png

这个图标表明,现代的,最简便的方法不一定意味着完全消除纹理;对于一个让心灵转动的应用程序,靠向现实是恰当的,受欢迎的,也是聪明的选择。

08.Doo

1094937.png

成功完成记事本中的所有事情,有时你会感觉像是成功移动了一座山,Doo就是这样。另外,它并没有用记号~

09.Duolingo

1094938.png

学习一种语言,人们总会半途而废。而这一种类的APP的图标中,已经有太多是非常枯燥的了,而Duolingo以卡通的方式开创了新潮流。

10.Earth Primer

1094939.png

与地球深处华丽的互动, 微妙的纹理和阴影增加了很多深度。好美有没有~~

11.Fantastical

1094941.png

你可能觉得很多图标都是平面的,但是Fantastical的一角悄悄卷了起来,立刻勾住了你的眼神,而且这些充满活力的颜色似乎都在呼叫着“快打开我呀~”,而不是说“噢,不,又是工作。。”

12.Grayout

1094942.png

很少见到将照片集成到现代iOS图标中(至少是一个很好的图标),但是Grayout的眼睛在恐惧中“被困在一块彩色”之后,完全象征着游戏主角的困境,事故发生后脑袋被困住了。

13.iA Writer

1094943.png

一个大师级的极简主义,iA Writer的图标设法传达品牌和功能,所有这些都在几个字符和一条蓝线中表达出来。

14.Just Press Record

1094944.png

一个简单的图标就描绘了应用程序的功能,很容易找到Just Press Record显示了一个粗体和简单的设计的有效性。

15.Launch Center Pro

1094945.png

这个应用程序旨在表达加速发射的事情,因此使用了超快的火箭。 该图标应用了友好,大块的曲线和同心圆,以增加深度和用户的兴趣。

16.MindNode

1094946.png

思维导图的APP都是表现了思维大发散形式,MindNode的界面具有一种流行的优雅,这在面向商业的应用程序中是罕见的。该图标传达了一个难忘的明亮的插图,而不是企业的灰色。

17.Miximal

1094947.png

儿童的应用程序图标通常很糟糕,但Miximal有一种温馨又傻傻的魅力。它还巧妙地提示了应用程序的内部一些功能,你可以滑动屏幕的部分来构建奇怪的动物。

18.Papers, Please

1094948.png

游戏图标在唤起游戏feeling时最有效。 Papers, Please的是设置在一个共产主义政权压制下的情境,因此红色的老鹰被放在了微微具有爆炸感的黑色和灰色之前,这是一个黑暗、残酷的图像。

19.Pigment

1094950.png

现代iOS的极简主义经常不能避开用色潦草的特质,但现代感的图标避免混乱。 着色应用Pigment 通过将清晰的图像与不完美的颜色区域相结合来解决这个问题。

20.Pixelmator

1094951.png

Pixelmator的OS X图使用了经典的Adobe图式,刮起了一股怀旧风。 在iOS上,所有的东西都被简化了,但图标仍然是可识别的,让你一眼就确定软件的功能。

21.Procreate

1094952.png

作为针对艺术家的数字工具,Procreate的图标提供了一个优雅的多彩多姿的笔触。 它有一种受限的感觉,但很优雅 - 很像应用程序本身。

22.Prune

1094953.png

作为这一类图标中比较复杂的一个,Prune的图标显示了游戏中的两个主要组成部分:因为你的帮助而得以成长的脆弱的小树,浮动的红色有毒球体。它也很吸人眼球,很有故事感,小编很喜欢这一个~

23.Silly Sausage in Meat Land

1094954.png

Silly Sausage的图表中,愚蠢的香肠用笨蛋卡通狗抓住了注意力。它完美地表现了这是一款适合笨蛋游的戏,并在浏览App Store时抓住注意力。

24.SKRWT

1094955.png

这个设计很聪明,The SKRWT是用来矫正图片角度,还原照片真性情的APP,其中凸显的形状是标准的形状(等边三角形),但是阴影部分是不规则的形状,暗示了应用程序的工作原理。

25.SPL-T

1094956.png

这个益智游戏感觉就像是从TRS-80中吸出来的,该图标很老派。 它的黑色和白色造型令人惊叹,尤其是在更精致的iOS游戏图标中。

26.Strata

1094957.png

Strata是一个关于编织丝带的益智游戏,其图标的简单图案在iOS上感觉就像在家中。当然,细节处的阴影,微弱的纹理, 游戏的每一处都让人感受到现实世界。

27.Threes!

1094958.png

玩Threes!估计是最考验智力的事了~通过触动屏幕上的方块数字来进行组合数字3以及其能被3整除的数字。 这一切都贯穿于明亮,轻盈的图标中,尤其是其中大胆的数字和厚脸皮的脸。

28.TodoMovies 4

1094959.png

记事本类的软件最好用上一个√,可是如果是电影院呢?那就加一些红色窗帘吧! 虽然不能激发你的想象力,但是结果证明这个图标是很有效用的~

29.Transmit

1094960.png

在OS X FTP客户端上,Transmit的图标是一个3D卡车。但在iOS上,它被平面化,并且行驶在一条路上。很独特的,配色上也表现出很强的工业感。

30.Tweetbot

1094961.png

Tapbots幻想每个公司的应用程序都是一个小机器人。 在iOS 7之前,它的图标出现在皮克斯动画中。

31.Withings Home

1094962.png

很少有表现硬件性质的APP被展示为一个小巧而时尚的图标,但Withings Home却这样做了。 它的Wi-Fi摄像头在图标中突出,很容易在众多软件中被找到。

32.Wunderlist

1094963.png

Wunderlist是一个易于使用的任务管理应用程序。 它的图标略微让人联想起20世纪的共产主义和民族主义的图像 - 如果你想要你的工作生活被组织起来,这不是一件坏事!

33.Year Walk

1094964.png

不完美的边缘使Year Walk的图标比抛光的图形更加有一种木雕感。它在App Store中吸引眼球,感觉像是游戏本身Scandinavian惊悚的完美切入点。

搜索CocoaChina微信公众号:CocoaChina
微信扫一扫
订阅每日移动开发及APP推广热点资讯
公众号:
CocoaChina
我要投稿   收藏文章
上一篇:功能性动画如何提升用户体验
下一篇:从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

相关资讯

我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0

综合评论

相关帖子

sina weixin mail 回到顶部