深色模式打造沉浸式体验非得用深色吗海量资源.pdfVIP

本文由简悦SimpRead转码，原文地址

上节课我们权衡了界面设计中视觉和体验的界限，重新审视了视觉设计对体验产生的影响。这节课，我

们要在视觉和体验上做下延伸，讲一讲深色视觉模式和沉浸式体验中的设计。

提起深色模式，就不提iOS系统对平台App制定的设计，之前在iOS平台上的版本一直

没有设计深色模式，直到苹果说要下架没有遵循其设计的App，这才针对iOS平台设计了深

色版本。不知道你体验新版后有什么感受，我现在还是在学着适应。

经常看书的人感触应该更深，一旦允许系统自动切换深色模式，晚上看书的时候，模式切换的时候，刚

开始可能还不太适应，但过一会儿就融入其中了。这是因为深色模式会跟晚上昏暗的光线融为一体，而

阅读本身又专注于内容本身，当阅读的场景和环境融合，阅读受到的干扰就降低了，用户会不由自

主地沉浸其中，我们把这种状态称之为沉浸式体验。

看一下下面两背景由白到黑时，原本白色背景变成了黑色背景，文字却由黑色变成了反白，文字

和背景的对比变弱了，不过在黑色背景上，我们要更专注地阅读才能看清楚内容，这就促使我们要很快

进入适应的状态。

既然背景是黑色时，我们会沉浸其中，那么是不是说只有深色模式才能带给我们沉浸式体验呢？当然不

是（很多设计师都会存在这个观念误区）。

虽然深色模式下，设备屏幕的显示亮度会降低，眼睛受到的刺激也会减少，理论上应该会缓解用户的视

觉疲劳，节省设备的电量（深面在OLED设备中可以带来更少的能耗，因为深色背景的黑色像素可

以不用发光）。

可这些不足以说明深色模式一定是沉浸式体验，比如左边那当屏幕上没有其他干扰，我们又被内

容吸引的时候，同样也可以进入到沉浸式体验状态。那为什么很多沉浸体验的设计都是深色的呢？

为什么沉浸式体验中深色设计居多？

《设计的法则》提到沉浸式体验是用户进入了心流理论，简单来说，就是利用人的感官体验和认知体

验，营造氛围让参与者享受某种状态。

你一般会沉浸到哪些场景中呢？是特效丰富的？还是3D游戏？或者是自己的工作？虽然场景

不同，但它们具有吸引你的共性（具有的故事情节、有趣的互动体验等等）这是沉浸式体验的先

决条件。

比如在teamLab设定的沉浸式展览中，创造了一个个“盗梦空间”：没有边界，让参与者自由感受和发

现，而且在不同时间段，同一个展厅的展示效果还会随之改变，让参与者沉浸其中。

不过，这跟深色设计有什么关系呢？

想想看，我们在看浅面时（下图是原研哉为无印良品设计的海报）会觉得很轻松，但转而看深色的

话，这种轻松的氛围立马就被打破了，甚至会有紧张感。你可以看到，深色会让我们感知到变化，注意

力迅速集中起来，而且深色的带入感很强，比较容易让人进入沉浸式体验的状态。

深色模式在设计上很常见，最出名的莫过于iOS13适配的深色模式（DarkMode），可是打造沉浸式体

验只能用深色吗？显然不是，还有什么别的设计方式吗？

深色模式部分截图

打造沉浸式体验的设计方式

Segment.io的创始人IanStormTaylor告诫设计师们远离黑色，因为它会让其他颜色黯然失色。我不

赞同这种，因为设计得好不好不能用颜色来下定论。在我看来，沉浸式体验需要尽可能地调动五感

（形、声、闻、味、触），长时间吸户的注意力，尽可能排除其他的干扰。

比如，游乐园里面5D的感受，有震撼的视觉盛宴（形）、余音绕梁的音乐（声）、淡淡的味

道（闻）、甜美的食物（味）、座椅的互动（触），这种体验会让游客沉浸其中，到产品上，设计

师要怎么设计才能排除干扰，长时间吸户的注意力呢？

这还得从我刚刚提到的“心流概念”讲起，心理学家、积极心理学奠基人米哈里•契克森米哈赖在研究了

大量案例的基础上，开创性地提出了这个概念。他在《发现心流：日常生活中的最优体验》中将心流归

结了7大特点。

高度沉浸：注意力高度集中，完全沉浸在正在做的事情中。

体验惊喜：在探索的过程中会不断地收获到意外的惊喜。

内心通透：清晰地知道自己在做什么、需要达到什么目标