UI界面深色模式的设计要点和注意事项

用户体验   2023-09-20

UI界面深色模式的设计已经非常主流,那么如何创建设计深色模式才能在各种设备上的外观和感觉、可访问性、电池寿命和性能方面获得最佳效果?下面一起看看UI界面深色模式的设计要点和注意事项吧。

1、我们避免使用 100%饱和度的强调色,因为其在深色背景上很扎眼(除非你想特意强调和利用这一点)。如果你的品牌颜色很“强”,可以适当的降低深色的饱和度,比如,饱和度降低约 20-30%上下。

2、当使用基于强调色的深灰色色调的颜色主题。我们不能做得太过分,应当以微妙的方式完成时,它会将整个设计变成一个一致、连贯的整体,比如,在灰色中添加了一点蓝色,以便它更好地匹配按钮(强调色)和其他 UI 元素。

3、一个特别有效的小技巧就是,比如从背景的最暗的部分开始,然后添加 8 或 10 点的亮度数值,按这样调整2-3层,这个技巧,您将在各层之间获得一致视觉上融和且一致的“色彩距离”,好处是,我们的大脑将更容易处理他们。

4、最后是深度了解图层的层次结构,主要是由亮度决定,平时我们在使用手机时候的角度约为 45°上下,那么自然的光源是源自头顶部的光源,太阳或灯,所以那些假的、模拟的、感知的层离光源越近她就越亮,那么你就可以充分利用这点,来发挥设计上的优势,即使UI界面是扁平化的,我们的大脑仍愿意被欺骗,以便更好、更易地看清界面中的层次结构,这就是为什么假深度很重要,适当调整饱和度或降低透明度很必要。

维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码