恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
蓝橙视觉-掌握这些技巧,轻松设计出超有沉浸感的界面
0.0°
2025-08-06 原创作品 插画 举报 45 0 0 0

疯狂万圣夜

近年来,沉浸感成为高频词汇,沉浸式互动游戏、沉浸式密室空间、沉浸式剧场杀、沉浸式主题展览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视频,吸引了大批的用户乐于驻足观看。

那我们设计上要怎么理解和拆分沉浸感呢?

我理解的沉浸感,是人对具体事物的一种主观感受。我们可以通过对事物的人为有目的的处理,让事物营造出一种预期的主观氛围感受,当受众在体验时,可以完全投入情境当中,注意力专注,并且过滤掉所有不相关的知觉,即进入沉浸状态。

比如平时我们看到一张照片或者一幅画,暖色调就会给人一种温馨、阳光、美好、浪漫的感觉。而冷色调则会给人一种平静、克制、理性、神秘、梦幻的意境。而这些感觉是很主观的,是艺术者通过光影、色彩、构图等技法的表达,让照片或画向受众传达出某种主观感受,而这个主观感受有预期的、有目的的。

因此。我们可以看出,沉浸感、氛围感都是一种主观情绪的体现,且需要多种手法来综合表达。

那作为设计师,设计中的沉浸感要如何体现的呢?

举个例子:

前段时间我们完成了一个医师节线上展厅项目的上线,主要是针对医护故事的作品展览,设计环节,客户强调,展厅界面设计要让人有沉浸感,有身临其境的感觉。这是个好问题,那我们设计师怎样才能让展厅有沉浸感,有展览氛围呢?

如果我们能让用户进入展厅页面后,100%全身全心投入到看展看这一件事情上,那我们就达到了用户沉浸的目的。

来看一下当时的设计图,图见下,图2是不是要比图1更能让用户沉浸。

图1(修改前)

图2(修改后)

为了达到要让用户有沉浸感、身临其境的感觉”这个需求,我们总结以下几点设计思路:

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

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

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

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

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

更新:2025-08-06

收藏

0人已收藏

成都蓝橙互动

专业H5设计服务团队

  • 47

    作品

  • 4

    粉丝

  • 0

    关注

  • 蓝橙视觉-跳一跳 H5 游戏设计案例分享
  • 蓝橙视觉-活动页手绘插画设计
  • 蓝橙视觉-大富翁小游戏
  • 2.5D设计风格H5案例介绍
相关标签

    猜你喜欢

      2025-08-06 原创作品 插画 举报 45 0 0 0

      蓝橙视觉-掌握这些技巧,轻松设计出超有沉浸感的界面

      0.0°

      你确定要举报蓝橙视觉-掌握这些技巧,轻松设计出超有沉浸感的界面

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2025年08月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录