H5设计知识分享：沉浸感界面的设计技巧

近年来，沉浸感成为高频词汇，沉浸式互动游戏、沉浸式密室空间、沉浸式剧场杀、沉浸式主题展览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视频，吸引了大批的用户乐于驻足观看。下面，蓝橙互动就给大家分享一下，沉浸感界面设计该怎么做。

一、设计思路

1、空间感

画面一定要传达出有深度的立体的空间感觉，体现出纵深感，给用户一种身处一个三维立体的的沉浸空间中的错觉。

2、视觉聚焦

看展看展，目的只有一个——让用户看作品图片，因此我们只强调作品，其他元素弱化，不能有过多干扰视觉的元素。

3、配色

颜色切记不刺眼、不轻佻。我们后来使用带暖色属性的深棕色，作为墙体颜色，自然朴实又富有人情味，给用户第一感受是一种神秘的感觉，更有展厅氛围。

4、色调

整体采用低照度低色温的光，能使人安静舒适，适合展馆空间，让作品述说它们的故事，让人们静静地欣赏。

5、写实质感

墙体、地板、作品展示框、射灯都叠加了写实的质感，还原展厅真实的结构材质。

6、灯光

我们知道现实中的艺术展馆整体环境偏暗，会更容易让参观者专注，如果灯光亮度过高，参观者便会有视觉的不适感。因此结合现实场景，我们界面中整体是弱弱的环境光，通过墙顶射灯灯光，来提高作品的亮度，从而吸引用户视觉，加强氛围的带入感。

7、细节

作品的立体感和投影、加入现实展馆中常见的围栏设计，都还原展馆场景的真实感。

二、实例参考

调整前：平静冷淡，给人一种严肃、朴实、神圣的感觉。

调整后：加入太阳光晕，让画面富有活力；同时加入写意的树叶影子，来增加画面的生命力，呼应主题。让用户沉浸在画面里感受生命。

总的来说，沉浸感界面的设计不仅仅只考虑画面的美感，同时还要站在受众角度看待画面，善于思考和使用多种不同的技法来表达设计目的。设计来源于生活且高于生活，善于从生活中找寻灵感参考和解决办法。