H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回到顶部

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

页面设计 2022年10月26日

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

 

一、设计思路

 

1、空间感

 

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

 

2、视觉聚焦

 

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

 

3、配色

 

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

 

4、色调

 

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

 

5、写实质感

 

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

 

6、灯光

 

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

 

7、细节

 

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

 

二、实例参考

 

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

 

沉浸感设计


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

 

沉浸感设计


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



联系QQ:2899301896

蓝橙互动·致力于为企业提供更高效的开发服务

国偷自产AV一区二区三区接,无码精品国产VA在线观看,国产品一区一区三,欧美日韩国产激情一区