为什么图标设计都走起了苹果“白色icon风”

2018-05-21 |阅读 199

图标设计 应用图标设计 微图标设计

有时你会遇到这样的情况。打开手机后发现,经常用的app已经更新了。出现在你面前的,是另外一个120pxX120px的白色方框,logo在白框内部。其余的地方,都是白色的。

前不久在伦敦、洛杉矶、弗洛伦撒、阿姆斯特丹举办的关于“app图标优化设计”的活动中,很多人谈论起了如今流行的app图标设计趋势,其中讨论最多的话题是为什么越来越多图标开始用白色做背景色了?

为什么会这样呢?

在这样的设计中,app图标的白色背景和白色的交互界面融为一体。与此同时,世界各地的设计师们都越来越爱用白色作为图标的背景色。

图标设计 应用图标设计 微图标设计出现这样的变化有很多原因。大致从iOS 7开始,一系列炫目的界面和简化的app图标设计出现。苹果最重要的一些app的背景都是白色。而且,一般情况下,你浏览网页、看照片、听音乐都是在一个白色背景的app 图标上完成。

其实,整个UI设计风格的转变,都充满争议,并没有想象中的有趣。但是这种简洁设计的背后,透露出来的是设计师欲在画布中留白的愿望。

白色设计到底有什么问题?

首先,白色自身没有问题,很多白色的设计也显得简洁。但是问题在于很多产品毫无缘由的使用白色设计会影响图标设计的多样性,导致平庸化。

多样性

图标实际就是产品的门面,这是用户见的最多也是操作最多的部分。app图标设计标准中最重要的是显著性和清楚明白地显示产品的功能的意会性。所以,图标也是让用户能深刻记住产品的最直接工具。

不足为奇的是,当一阵潮流吹过之后,每一个图标都很难保证唯一性。一味跟风,缺乏差异化设计,这会让用户很难辨别出产品的功能,并且也很难在用户心中留下深刻印象。越是把你的图标设计的和其他产品一样,本质上就越是在模糊你的产品定位。

而选择白色作为设计图标的大部分的话,你在画布的选择上就需要更少的颜色,因此从根本上就限制了设计图标的独特性。

平庸化

打印出应用图标的样式设计你会发现,很多东西都可以被简化。一方面,他们设计的效果很易于接受。它不需要对纹理和光线有太深刻的认识,就能绘制出用户可接受的图标。另一方面,它也打开了图标设计的大门。每个人复制一张图片,抽出十分钟剩余时间,就能设计出一款app图标。

图标设计 应用图标设计 微图标设计不过,有些东西看起来简单,并不代表制作的过程就很简单。事实上,大多数图标设计师都知道,在有限的条件下让简约的东西呈现更好的效果需要付出更多努力。流行趋势会变,但是规格、理解和耐看的逻辑永远不会变。但是当提到寻常的时候,我发现白色的应用图标实在是太不同寻常。有些人甚至不需要设计师注意画布或网格的大小。

总结便是,创作白色的app图标可以。但是你要想好哪种设计能加深用户对产品的印象,而不是盲目跟风。在设计过程中,要从最大范围的影响力入手而非表面功夫。如果你给产品图标设计了一个白色背景,一定记得是因为产品需要,而且也应该这样表达。总之,不必刻意。

PS教程!手把手教你把图片

作者: @泼辣熊科技 处理前: 处理后 方法一:山水效果 方法二:烟雨效果 打开一张图片: 以下分别演示如何实现这两种效果。 山水效果

2019-02-17

平面网页设计中什么是留

想要让一个元素足够吸引用户的注意力,往往需要通过周围的留白来衬托,这样的设计所营造的用户体验更为优雅。 在极简主义风格是主流

2019-02-17

摄影技巧-全景,远景,中景

景别 是指被摄主体和画面形象在屏幕框架结构中所呈现出的大小和范围。不同的景别可以引起观众不同的心理反应,全景出气氛,特写出情

2019-02-17

PS抠图掌握几个方法应对抠

新手只要掌握今天这 10 个方法,就足够对付绝大部分的抠图工作了。 1、橡皮擦工具 橡皮擦工具,更多时候跟抠图看似没啥关系,然而,竟

2018-05-22

掌握10个方法可以应对大部

1、橡皮擦工具 橡皮擦工具,更多时候跟抠图看似没啥关系,然而,竟然它能起到擦除的作用,那么就完全可以用来抠图去背了,它的键盘

2018-05-22

什么是lightroom,它和ps有什

Adobe Photoshop Lightroom软件是当今数字拍摄工作流程中不可或缺的一部分。其增强的校正工具、强大的组织功能以及灵活的打印选项可以帮助您

2018-05-22

为什么图标设计都走起了

有时你会遇到这样的情况。打开手机后发现,经常用的app已经更新了。出现在你面前的,是另外一个120pxX120px的白色方框,logo在白框内部。

2018-05-21

学会这20招PS操作技巧,提

1. 在旋转视图工具中旋转画布 旋转画布,是在很多设计任务中都会用到的命令。使用时,在英文输入状态下,按键盘快捷键R选择或者长按

2018-05-21

界面不精致,往往是你忽

为什么一个简单的界面,你做出来后总觉得不够精致,很可能是因为你遗漏了一些容易忽略的设计细节。本文作者通过一个案例,细致入微

2018-04-23

实例讲解扁平化设计的步

自从苹果放弃拟物化设计,采用扁平化设计以来,扁平化设计的龙卷风就全面席卷了整个UI设计界,自此之后,无论是网页还是APP的设计,

2018-04-22