本文授权转自: 体验进阶(ID:Advanced_UX)
最近一时兴起给手机换壁纸,结果发现很多壁纸单看图片很美,但实际用起来总感觉哪里怪怪的。
例如OPPO这个官方壁纸,单看起来挺美的:
用起来后……总有一种“那些图标好挡视线啊”的感觉:
这个小米的壁纸更加过分,看起来明明很有特色的:
用起来却……感觉眼花缭乱,图标都看不清了:
那要不少点颜色?这个华为的壁纸就清一色的蓝,总没问题了吧:
还是有点儿单调,而且中间有一坨很抢视线:
作为一名设计师,我认为一个好的桌面壁纸,应该做到这三点
单看美:最基本的要求
不抢视线:图标和小组件才是主体!
跟图标搭配起来也好看:不能光自个儿好看,配图标后又不好看了。
好吧,我承认,审美这块我是有点儿挑剔的。
第一个是大部分人的要求,第二个是少部分人都要求,第三个只有我这种过于挑剔的设计师才会主动提出。
然而挑剔的人肯定不止我一个!因为对比了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
终审 | 吕静
编辑 | 梁芊芊
点这里,学习更多设计知识!
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.