我们经常会看到，很多手机APP图标的底色是白色，这是为什么呢?千锋大连校区老师为你做一个简单的解析。用受众比较广泛的iPhone为例，给大家先看看系统默认的背景图：

　　可以看到在手机中，基本上默认的皮肤类型，都是偏向重色系的壁纸。在这样的壁纸中进行浏览，可以得到舒适的视觉体验，不刺眼，长时间地浏览也不会出现视觉疲劳。从明度来看，去色后，我们的屏幕在黑白灰的比重上，偏向黑色。

　　白色作为底色，在这样的重色背景中，呈现效果更好，同时也更清晰、更易识别，再加上APP应用的logo，能够达到醒目、简洁的效果。

　　然而在我们的手机中，壁纸类型是多种多样的，不只是系统壁纸还有各种自定义壁纸，APP开发商无法控制每一位用户的壁纸色系，所以一个在任何色系壁纸中都能够跳脱出来的图标很重要。

　　由上面的效果图可以看出来，不管在浅色壁纸中、在手机随便拍摄的壁纸中，还是在系统壁纸中，白色的icon背景都足够的跳跃及醒目，大概也只有在纯白的背景中使用，才会出现icon不够清晰的情况。然而使用纯白背景的人，实在是少而又少。

　　再从色盲人群分析，中国的男性公民色盲人数是5%-8%，女性色盲人数是0.5-1%，全球色盲人数男性是8%左右，女性是0.5%左右。在色盲人群中，他们看到的颜色是这样的：

　　所以，不管我们用什么类型的颜色，即使是使用brand color

　　颜色做背景，对某些人群来说，都有识别障碍。

　　在红绿色盲中，难以分辨两种靠近红绿的颜色，如红色和绿色识别、蓝色和紫色(蓝+红)识别、绿色和棕色识别、红色和棕色识别等。红绿色盲人士对蓝色更为敏感，带有蓝色的东西，都能清楚的分辨出来，他们会把红色和绿色、黄色和黄绿色混淆，却能清楚的分辨绿色和蓝绿色和带蓝色系的任何绿色的识别。

　　红绿色盲眼中的红色并不是一种明亮醒目的颜色。红色对他们来说显得非常深沉，而暗红色则接近黑色。因此，色盲人士很难分辨出文章内的红色系强调文字。

　　色盲人士对色相的辨识能力较弱，但却对明度、饱和度非常敏感。特别是明度的对比，识别是很容易的事情。

　　所以，任何一个背景上使用白色的icon背景，他们都可以识别出来，而这一部分的人群，在全球比例中占据了8%左右。在优化这部分的人群识别度上，最好不用考虑到色系色相的设计，在明度上足够的对比设计，就是优秀的设计。

上一篇

没有CSS的网页会怎样

下一篇

前端工程师和UI设计师哪个更适合你