『』科技有意思 | 黑黑黑黑黑黑黑黑暗模式( 三 )
当然 ，好的黑暗模式自然不是简单的颜色反转或是替换背景而已 ， 而是需要根据深色背景重新调整字体、重新设计图标颜色搭配、利用深浅灰色打造有层次感的背景等等 。比如无衬线字体在深色背景下就比有衬线字体要更有可读性 ， 字体和图标之间要更注重留白和尺寸的讲究 ， 降低原本颜色的高饱和度或对颜色进行蒙版处理以降低视觉影响 。
文章图片
文章图片
这一点 ， 谷歌在材料设计的指导中给出了几个示范性的原则：- 不要使用 100% 黑色- 使用不同层级的黑色和阴影来体现层次感- 在黑暗模式下更换原先的颜色- 创建一个新的 ， 黑暗模式下的调色板- 少量使用颜色避免花里胡哨- 确保有足够的对比度
另一种思路是不采用单一的背景颜色 ， 比如福特现在最新的SYNC+系统 ， 在背景色上采用上深下浅的渐变色 ， 在视觉上采取一种折中的办法 ， 效果也还不错 。但颜色变化最好是单色的渐变 ， 而不是一些背景图案 ， 过多的线条和色块有时会更加干扰视线 。
文章图片
文章图片
而面对越复杂的色彩区域 ， 想要适配黑暗模式就越困难 ， 尤其是面对路况实时变化、驾驶安全第一的车机来说 。为了减轻工作量 ， 我们也可以利用“语义化颜色”来改变UI 。简单来说就是根据用途来描述各个元素UI ， 而不是单一的具体颜色值 ， 这样可以有更高质量的效果 ， 还可以大大减轻背后的代码工作量 。
不过无论是深色还是浅色、黑暗模式还是光明模式 ， 其实都不重要 ， 最终肯定还是要为用户服务 ， 只要做得满足视觉要求、足够好看 ， 就肯定不是个差UI 。随着座舱内部智能化和人机交互的进一步发展 ， 我们相信在视觉呈现上一定还会有更多更高级的玩法出现 。
车云小结
其实微信的这个黑暗模式在内部很早就已经开始开发测试了 ， 也并不就是因为苹果的敦促加上用户在微博上的各种喊话 。所以 ， 其实人家做软件的有自己的一套思路在 ， 我们作为使用软件的用户也不必替别人操心 。同样的 ， 我们在探讨车机的时候 ， 主机厂的研发人员也在按自己的节奏推陈出新 ， 我们能看到的往往也只是待发布的众多新功能的冰山一角 。
【『』科技有意思 | 黑黑黑黑黑黑黑黑暗模式】人机交互是门学问 ， 用户和张小龙们少了谁都不行 。
推荐阅读
- [火科技]iPhone12系列又有消息，但我真的不想等了！
- 『小胖说科技』便携、清晰、高亮度，明基E520无线智能投影仪评测
- 「灵感科技风」荣耀30 Pro图赏：低调玻璃下的流光溢彩
- 魅族科技：魅族17终于来啦！蛰伏三年，它能一鸣惊人吗？
- 『小米书商量科技』移动为什么会免费送宽带，背后到底有何猫腻？网友：都是套路啊！
- 『科技互联精选』森海塞尔MOMENTUM True Wireless 2评测：真无线耳机挑战严肃音乐
- 小贝贝议科技■国产手机厂商有可能使用华为麒麟芯片吗？
- 科技资深分析@极限高空挑战！这家国产巨头玩嗨了！居然体验高空开伞开箱？
- 『科技互联精选』果粉等了四年的小屏旗舰终于来了！新一代iPhone SE售价3299元起
- 「」可怡科技：它来了它来了，新款SE它走来啦！