打开网易新闻 查看精彩图片

本文授权转自: 体验进阶(ID:Advanced_UX)

最近一时兴起给手机换壁纸,结果发现很多壁纸单看图片很美,但实际用起来总感觉哪里怪怪的。

例如OPPO这个官方壁纸,单看起来挺美的:

打开网易新闻 查看精彩图片

用起来后……总有一种“那些图标好挡视线啊”的感觉:

打开网易新闻 查看精彩图片

这个小米的壁纸更加过分,看起来明明很有特色的:

打开网易新闻 查看精彩图片

用起来却……感觉眼花缭乱,图标都看不清了:

打开网易新闻 查看精彩图片

那要不少点颜色?这个华为的壁纸就清一色的蓝,总没问题了吧:

打开网易新闻 查看精彩图片

还是有点儿单调,而且中间有一坨很抢视线:

打开网易新闻 查看精彩图片

作为一名设计师,我认为一个好的桌面壁纸,应该做到这三点

  1. 单看美:最基本的要求

  2. 不抢视线:图标和小组件才是主体!

  3. 跟图标搭配起来也好看:不能光自个儿好看,配图标后又不好看了。

好吧,我承认,审美这块我是有点儿挑剔的。

第一个是大部分人的要求,第二个是少部分人都要求,第三个只有我这种过于挑剔的设计师才会主动提出。

然而挑剔的人肯定不止我一个!因为对比了iPhone的官方壁纸后,我发现他们的设计师确实有考虑到这三点的。

打开网易新闻 查看精彩图片

上面是iPhone的官方壁纸,和之前那三张壁纸对比一下,是不是确实要和谐舒适一些?

打开网易新闻 查看精彩图片

不得不说,跟很多其它厂商相比,苹果的官方壁纸的品质一直很稳定。

于是我就研究了一下,为啥iPhone的壁纸在那3点的后2点上做得更好——总结了5点。

如何不抢视线?

1.避免过多细节

不管是绘画还是电影,都会用到背景虚化效果。例如下面这张莲花的照片,就故意让背后的荷叶虚化。

打开网易新闻 查看精彩图片

因为如果背景细节太多,就会抢夺主体的视线,让人不知道眼睛往哪儿看才好。

如果壁纸用细节过多的照片,哪怕颜色不那么显眼,也很容易抢夺视线。

例如这张图,背景密密麻麻的小纹理就感觉和前面大色块的图标格格不入,感觉不是一个世界的东西。

打开网易新闻 查看精彩图片

而iPhone的壁纸大多是整块整块的颜色,即便有小纹理,也是要仔细看才看得出来的那种:

打开网易新闻 查看精彩图片

2.控制明暗对比

对比度高的图片往往更容易抓住我们的视线,例如下面这两张图对比,你会觉得左图更显眼:

打开网易新闻 查看精彩图片

图标因为都走扁平风格,最亮的地方一般是白色,最暗的地方一般就是高亮色。

这个对比不是特别强,其实很容易被照片比下去,所以直接拿照片来当壁纸是有风险的。

例如下面这四张壁纸的效果图去色后,很明显可以看出差异。

打开网易新闻 查看精彩图片

上面这个背景对比度比较低,基本不会抢夺视线。

打开网易新闻 查看精彩图片

上面这个背景对比度很高,但因为变化区域大,而且明度和图标拉开了距离,所以反而让图标脱颖而出。

打开网易新闻 查看精彩图片

上面这个背景的问题是,暗色太暗了,而亮色的明度又和图标的暗色过于接近。

打开网易新闻 查看精彩图片

上面这张背景就明显对比度过高,让图标显得很灰,非常抢夺视线。

3.控制饱和度

颜色越鲜艳越抢眼,这个应该都能理解。

图标很多有高亮色,一般饱和度不会底。

但有的壁纸为了自个儿好看,把饱和度调很高,结果实际用起来还是容易喧宾夺主。

例如下面这个壁纸就稍微鲜艳了一点,再加上画面复杂度比较高,就有些抢视线了。

打开网易新闻 查看精彩图片

下图这个iPhone壁纸风格类似,但饱和度低一些,高亮色的范围没那么大,看起来就好很多。

打开网易新闻 查看精彩图片

注意好上面说的3点,就不会抢视线了。

接下来讲下一部分~

如何跟图标搭配起来也好看?

4.色彩要平衡

如果为了避免画面抢夺视线,而整个画面都用同一色系好吗?

不好,因为这样会让背景和图标割裂开来。

例如下面这两个壁纸,都是色调比较统一的,一个是棕系,一个是蓝色系。

打开网易新闻 查看精彩图片

图标里很少有棕色系的,所以这个背景就感觉和图标格格不入,完全融不到一起,没有整体美感。

打开网易新闻 查看精彩图片

蓝色系也没有好到哪里去,遇到蓝色图标,就混到一起看不清了;遇到橙红色图标又融不到一块去,甚至有种蓝底证件照的感觉

其实要想整体和谐,壁纸还是要有一定色彩丰富度的。不能图标五颜六色,背景却很单一。

像是下面这种,背景上既有冷色调又有暖色调,和彩色图标放在一起,看起来就比较和谐:

打开网易新闻 查看精彩图片

5.注意画面切割

很多壁纸会有明显的线条切割,如果处理不好,也无法与图标和谐共处。

例如下图,壁纸的线条把中间好几个图标都劈开了,或者换句话说,壁纸的线条被图标遮挡了。

不管哪种说法,这种效果显然不会好看:

打开网易新闻 查看精彩图片

下面这张的线条虽然没有遮挡图标,但歪歪扭扭把几个图标切割开,也不好看:

打开网易新闻 查看精彩图片

不要怪我太讲究,实在是iPhone的官方壁纸太讲究了。

你看下面这个,切割得对称又不遮挡图标:

打开网易新闻 查看精彩图片

下面这种不对称的,也切得比较好看,线条流程整体和谐:

打开网易新闻 查看精彩图片

下面这两张vivo的切得也不错:

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

看来,也不是只有苹果会干这活的。

设计一张高品质的壁纸真不容易啊

对比一下我收集的官方壁纸,上排是不满足要求的,下排是基本能满足要求的,是不是还有点差距的?

打开网易新闻 查看精彩图片

我们平时都觉得国内科技行业挺倦的,但是在设计这块,还是没有卷过苹果。

真希望咱们的国产手机也多出一些高品质壁纸,多满足一下我这种审美挑剔人群吧。

你选壁纸时有什么自己的特殊喜好呢?欢迎留言交流~

文章转载: 体验进阶,版权归原作者所有

原文链接:https://mp.weixin.qq.com/s/7jz3JZ6cnroP3_d3kpzVQg

版权声明:“IXDC”所推送的文章,除非确实无法确认,我们都会注明作者和来源,本公众号对转载、分享的内容、陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证,仅供读者参考。部分文章推送时未能与原作者取得联系,若涉及内容或作品等版权问题,烦请原作者联系我们,给出内容所在的网址并提供相关证明资料,我们会核查后立即更正或者删除有关内容!本公众号不承担任何责任,并拥有对此声明的最终解释权。

联系微信:18802086168

联系电话:18802086168

终审 | 吕静

编辑 | 梁芊芊

点这里,学习更多设计知识!