一般我们手机上的很多APP图标都是白色做底色,这是为什么呢?上海千锋认为:用受众比较广泛的iPhone为例,基本上默认的皮肤类型,都是偏向重色系的壁纸。在这样的壁纸中进行浏览,可以得到舒适的视觉体验,不刺眼,长时间的浏览不会出现视觉疲劳。从明度来看,去色后,我们的屏幕在黑白灰的比重上,是很偏向黑色的。

由于背景是重色调的,所以白色作为底色,呈现效果更好,更清晰更易识别,再加上APP应用的logo,便显得足够醒目而简洁。不过一般我们在用手机的过程中,自定义壁纸类型是多种多样的,APP开发商无法控制每一位用户所选择的壁纸色系,所以一个在任何色系壁纸中都能够跳脱出来的图标很重要。

显而易见,不管在浅色壁纸中、在手机随便拍摄的壁纸中还是在系统壁纸中,白色的icon背景都足够的跳跃及醒目,大概也只有在纯白的背景中使用,才会出现icon不够清晰的情况。然而使用纯白背景的人,实在是少而又少。

再有,对于色盲人群来说,不管我们用什么类型的颜色,即使是使用brand color颜色做背景,对某些人群来说,都有识别障碍。在红绿色盲中,难以分辨两种靠近红绿的颜色,如红色和绿色识别、蓝色和紫色(蓝+红)识别、绿色和棕色识别、红色和棕色识别等。红绿色盲人士对蓝色更为敏感,带有蓝色的东西,都能清楚的分辨出来,他们会把红色和绿色、黄色和黄绿色混淆,却能清楚的分辨绿色和蓝绿色和带蓝色系的任何绿色的识别。

不过,色盲人士对色相的辨识能力较弱,但却对明度、饱和度非常敏感。特别是明度的对比,识别是很容易的事情。所以,任何一个背景上使用白色的icon背景,他们都可以识别出来,而这一部分的人群,在全球比例中占据了8%左右。在优化这部分的人群识别度上,最好不用考虑到色系色相的设计,在明度上足够的对比设计,就是优秀的设计。

为何很多 App 图标使用白色做底色?相关推荐

  1. Android之消除APP图标的白色边框

    最近在写Android的时候,突然觉得平时自己的APP在模拟器运行时,它在桌面上的图标都是一个小机器人,太单一了,于是想用自己设计的图片作为图标来替换它,后来在网上找了好半天,许多博主写得好麻烦,要么 ...

  2. keil5图标变成白色_PPT中高大上的图标是怎么做的?

    先打广告啦,最近写了几篇关于PPT知乎回答,大家多支持支持. 如何做出高大上的 PPT?​www.zhihu.com 如何做好PPT封面设计?​www.zhihu.com 怎样的 PPT 配色会让人觉 ...

  3. 很多人花一大笔钱做APP、小程序

    很多人花一大笔钱做APP.小程序, 是纯粹为了做这个东西而做这个东西, 也就是说他们只是觉得需要这个东西, 但为什么需要? 如何使它发挥最大的价值? 其实他们心里并没有一个很清晰的概念. 而且事实上A ...

  4. 从iOS 11看怎样设计APP图标

    苹果WWDC2017开发者大会已经尘埃落定,除了新产品的发布,iOS 11也正式亮相.新系统中,地图.App Store.时钟.相机.联系人等等原生应用都换了新的图标.此次图标的变化势必也会激发下一个 ...

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

    苹果公司一直以来对产品细节非常关心,因为细节对于用户的完美体验来说非常重要,对于设计师也是.苹果的所有者们对产品的相关设计要求很高,只要有一丝不如意,就会直接抛弃.对于图标来说,同样如此,设计感至关重 ...

  6. keil5图标变成白色_设计师必看的图标设计指南「下」

    书接前文,图标设计指南下篇. 我们了解了 icon 的基本知识,那么如何设计一个好的 icon 呢?怎样评判我们的 icon 是否合适,是否贴合整个产品呢?我们需要了解什么才是一个好的 icon . ...

  7. UI设计APP图标设计规范介绍

    ​ UI设计所涉及的内容是比较多的,其中关于APP图标的设计就是常见的一种,UI设计师需要掌握不同的UI设计规范.今天小编就帮助大家了解下移动端APP图标设计规范: 很多设计师以为UI设计就是设计图标 ...

  8. Android 10 状态栏通知图标和下拉状态栏图标为白色问题

    前言 安装第三方应用,会在状态栏上面和下拉状态栏通知图标显示白色 原因 因为google在android5.0上面做了限制,为了统一系统风格.之后的状态栏icon就不能够随便用一张色彩丰富的图片了,只 ...

  9. android手机返回桌面后,点击app图标,app重启

    开发过程中,测试发现app在视频时,华为手机点击home键返回到桌面,再点击app图标,视频页面被干掉了. 经过测试,发现点击app图标后是重新启动了app,也试了其他的app有的也是干掉了Main以 ...

最新文章

  1. android学习第5天(周六日没学,可惜啊,神驰物外了)
  2. 初二计算机辅导记录,(初中信息技术兴趣小组活动记录.doc
  3. Java--基础总结
  4. VS.net中快捷键收缩和展开代码段
  5. 科目三-变更车道,直线行驶和超车的考试标准
  6. [VBA] 设置行高和列宽,以及全选单元格
  7. golang 接口类型 interface 简介使用
  8. 如何让程序员变得没朋友
  9. JMETER性能测试从入门到精通高级篇 - 分布式压测部署之负载机的设置(详解教程)
  10. 研究别人,能知道做什么赚钱,了解自己,能知道什么钱适合赚
  11. java 6789的10000次方,用MSSQL计算2的10000次方
  12. php 抽象类 接口 区别,php中接口、抽象类以及接口和抽象类区别详解
  13. JavaWeb开发Session管理
  14. 云计算概念:什么是云计算
  15. 批处理文件(bat)装逼 之全彩滚动我爱你 绘制五彩爱心 绘制3D球体
  16. 32 任意项级数敛散性的判别法
  17. 树莓派做网络调试陪试机
  18. 图神经网络(三):节点分类
  19. 哈工大软件构造期末复习(根据老师复习提纲整理)
  20. html改变按钮水平位置,div中button水平居中

热门文章

  1. python读取Excel绘制饼图的两种方式
  2. python 十进制转二进制
  3. golang学习之negroni对于第三方中间件的使用分析
  4. python的永久存储——pickle‘泡菜’ ,‘腌制’天气查询脚本
  5. Dbus启动问题 Failed to get D-Bus connection: Operation not permitted
  6. 计算机系统分盘作用,电脑为什么要分区,分区的好处
  7. potplayer去除播放历史收藏夹
  8. 52. 文件上传篇——Apache漏洞原理
  9. 不用代码!手把手教你Excel构建数据分析预测模型!
  10. IT小盆友:注意20种习惯最耗元气