专业的短链接生成工具
链接域名
短网址有效期
适配深色模式，用之前你需要了解这几点
更新时间：2025-5-2 08:04:26 作者：爱短链
深色模式最近很受欢迎。
你用过吗？从产品经理的角度来看，作者分析了为什么人们喜欢深色模式、深色模式的适应现状和深色模式的搭配理念，并与大家分享。
在 Android Q 之后，苹果也在 iOS13 支持深色模式，深色模式已成为2019年下半年的热门话题。
许多产品已经完成了深色模式的适应，淘宝和微信也开始内部测试，「变黑」似乎已经成为一种趋势。
在适应深色模式之前，设计师需要深入了解其特点，衡量适应深色模式的价值，规划适当的策略，避免陷入困境「为黑而黑」的泥潭。
为什么人们喜欢它「深色模式/dark mode」？ 1. 深色界面削弱了背景，浏览内容更加集中 电影放映时，所有的灯都会关闭，只有屏幕点亮以吸引观众的注意。
同样，当产品界面为深色背景时，页面元素优先级更清晰，用户更容易关注关键内容。
与浅色界面相比，深色界面对眼睛的视觉压力更小。
注：至于它「护眼」效果还不清楚，长时间盯着屏幕造成的视觉疲劳是不可避免的。
2. 新鲜感 看了太久，千篇一律「白底黑字」，深色模式给用户更多的选择。
每个人都喜欢新鲜的风格，即使只是一个短暂的热情尝试，也会增加用户对产品的新鲜度，不可否认的是，黑色更容易让人感到酷和新鲜。
3. 省电- OLED 屏幕显示深色能耗低 OLED 屏幕上的每个像素都是独立发光的。
当显示深色元素时，功耗较少，当显示纯黑色时，像素点可以完全关闭。
例如，手机屏幕就像一个排列着数万个小灯泡的前照灯板，OLED 当屏幕显示黑色时，它会真正关闭该区域的灯泡，这自然会节省电力。
二、深色模式不等于夜间模式 许多产品都有夜间模式，界面在打开夜间模式后也会转向深色，突然被讨论「深色模式」和「夜间模式」有什么区别？ 显然，用户没有必要区分夜间模式和深色模式深色模式之间的区别上，它们真的很相似。
然而，从设计师的角度来看，只有真正区分它们之间的差异和应用场景，我们才能为用户提供一套逻辑清晰的选择方案，让用户更方便、更快地选择他们想要的模式。
开启夜间模式前后对比 浅色/深色模式下的界面对比 通过这两张对比图，我们可以清楚地感觉到，在夜间模式和深色模式下，界面元素的对比度和层次性能是不同的。
夜间模式的设计目的是让用户在夜间使用手机时更柔和地显示屏幕，调整色温，降低饱和度。
白天打开夜间模式很难看到显示内容，不适合白天使用。
显然，深色模式不是夜间模式。
用户可以在任何时间、任何环境下使用它。
他们需要保持与浅色模式相同的产品特性，并可以同时打开设备的夜间视图模式。
三、深色模式适应现状 用户将系统主题设置为深色后，自然会期待一切 app 都变成了深色，深色模式会逐渐成为产品的标准功能。
越来越多的产品以各种方式适应了系统的深色模式。
主要分为以下三种类型: 1. app 自动跟随系统主题切换模式 如果用户的手机系统不支持深色模式，产品就不会切换到深色模式。
代表产品有 微信阅读，豆瓣，懒饭，Instagram、爱奇艺 2. 原夜间模式与深色模式捆绑，让用户选择是否与系统主题切换相匹配 在不支持深色主题的系统中，用户可以通过打开夜间模式将产品主题变为深色。
严格地说，这不是真正的深色模式，产品团队会为不同的决策模式做出最合适的选择。
代表产品：QQ、Twitter 3. 原产品没有夜间模式，正在内部测试跟随系统切换主题的深色模式 代表产品：微信 淘宝 四、深色模式适应不同的想法 iOS
你用过吗？从产品经理的角度来看，作者分析了为什么人们喜欢深色模式、深色模式的适应现状和深色模式的搭配理念，并与大家分享。
在 Android Q 之后，苹果也在 iOS13 支持深色模式，深色模式已成为2019年下半年的热门话题。
许多产品已经完成了深色模式的适应，淘宝和微信也开始内部测试，「变黑」似乎已经成为一种趋势。
在适应深色模式之前，设计师需要深入了解其特点，衡量适应深色模式的价值，规划适当的策略，避免陷入困境「为黑而黑」的泥潭。
为什么人们喜欢它「深色模式/dark mode」？ 1. 深色界面削弱了背景，浏览内容更加集中 电影放映时，所有的灯都会关闭，只有屏幕点亮以吸引观众的注意。
同样，当产品界面为深色背景时，页面元素优先级更清晰，用户更容易关注关键内容。
与浅色界面相比，深色界面对眼睛的视觉压力更小。
注：至于它「护眼」效果还不清楚，长时间盯着屏幕造成的视觉疲劳是不可避免的。
2. 新鲜感 看了太久，千篇一律「白底黑字」，深色模式给用户更多的选择。
每个人都喜欢新鲜的风格，即使只是一个短暂的热情尝试，也会增加用户对产品的新鲜度，不可否认的是，黑色更容易让人感到酷和新鲜。
3. 省电- OLED 屏幕显示深色能耗低 OLED 屏幕上的每个像素都是独立发光的。
当显示深色元素时，功耗较少，当显示纯黑色时，像素点可以完全关闭。
例如，手机屏幕就像一个排列着数万个小灯泡的前照灯板，OLED 当屏幕显示黑色时，它会真正关闭该区域的灯泡，这自然会节省电力。
二、深色模式不等于夜间模式 许多产品都有夜间模式，界面在打开夜间模式后也会转向深色，突然被讨论「深色模式」和「夜间模式」有什么区别？ 显然，用户没有必要区分夜间模式和深色模式深色模式之间的区别上，它们真的很相似。
然而，从设计师的角度来看，只有真正区分它们之间的差异和应用场景，我们才能为用户提供一套逻辑清晰的选择方案，让用户更方便、更快地选择他们想要的模式。
开启夜间模式前后对比 浅色/深色模式下的界面对比 通过这两张对比图，我们可以清楚地感觉到，在夜间模式和深色模式下，界面元素的对比度和层次性能是不同的。
夜间模式的设计目的是让用户在夜间使用手机时更柔和地显示屏幕，调整色温，降低饱和度。
白天打开夜间模式很难看到显示内容，不适合白天使用。
显然，深色模式不是夜间模式。
用户可以在任何时间、任何环境下使用它。
他们需要保持与浅色模式相同的产品特性，并可以同时打开设备的夜间视图模式。
三、深色模式适应现状 用户将系统主题设置为深色后，自然会期待一切 app 都变成了深色，深色模式会逐渐成为产品的标准功能。
越来越多的产品以各种方式适应了系统的深色模式。
主要分为以下三种类型: 1. app 自动跟随系统主题切换模式 如果用户的手机系统不支持深色模式，产品就不会切换到深色模式。
代表产品有 微信阅读，豆瓣，懒饭，Instagram、爱奇艺 2. 原夜间模式与深色模式捆绑，让用户选择是否与系统主题切换相匹配 在不支持深色主题的系统中，用户可以通过打开夜间模式将产品主题变为深色。
严格地说，这不是真正的深色模式，产品团队会为不同的决策模式做出最合适的选择。
代表产品：QQ、Twitter 3. 原产品没有夜间模式，正在内部测试跟随系统切换主题的深色模式 代表产品：微信 淘宝 四、深色模式适应不同的想法 iOS
