首页>学校动态>UI设计中的暗黑模式

UI设计中的暗黑模式

来源:西安天琥设计培训学校时间:2021/6/17 17:55:36

  教你巧用UI设计中的暗黑模式——DarkMode

  我们每天都会看一写APP,有时候你会觉得一些软件界面的白色很刺眼,尤其是晚上的时候;这就是为什么越来越多的设计师开始注重创作两种主题模式——明亮和黑暗;本文作者教你如何用UI设计中的暗黑模式。

  黑暗模式有一些我们应当遵守的特定规范,使其对用户使用来说会更加合理。

UI设计中的暗黑模式

  为什么选择暗黑模式?

  黑暗主题的主要优势是在于:

  弱光环境下具有更高的可读性;

  黑暗模式降低了设备屏幕的亮度;

  它改善了视觉工程学,并能在特定的光照条件下得到更好的调节。

  正因如此,在夜晚及深夜使用数码设备会更加舒适。

  1.深色模式的优缺点

  使用深色模式可以:

  减轻眼睛疲劳;

  构造视觉层次;

  使界面更神秘;

  营造高端感;

  提高在夜间提高可读性;

  确保夜晚使用环境(比如在晚上使用娱乐的app);

  在以下情况下,请避免使用暗黑模式:

  该解决方案在户外白天使用;

  有很多文字可供阅读;

  这些是深色模式的优缺点。

  2.可以在项目中使用的实用技巧

  尽量不要用的纯黑色:

  当您想开始设计暗黑模式时,你想到的件事可能是“直接创建一个黑色背景”。

  这应该是我们常犯的错误。

  Google的MaterialDesign建议使用深灰色,而不是纯黑色;MaterialDesign建议的深色主题界面颜色为#121212。

  考虑把颜色饱和度降低:

  黑暗模式应避免使用饱和色,首要原因便是可访问性——饱和色不符合WCAG(注:Web内容无障碍指南)的标准:即深色背景下的正文文本至少为4.5:1(注:即界面主色与文字信息的对比度)。

  饱和色在深色背景下会产生光学振动(opticalvibrations),从而可能会导致眼部疲劳。

上一页 下一页

推荐课程更多>

申请体验课

关于我们 | 联系我们 | 西安天琥设计培训学校

版权所有:培训指南

  • 在线咨询
  • 电话咨询
  • 预约试听