球速体育(中国)官方网站-welcome




H5游戏制作
H5游戏制(zhì)作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制(zhì)

回(huí)到(dào)顶部(bù)

H5设计知识分享:沉浸感界面的设计技巧(qiǎo)

页面设计 2022年10月26日

近年(nián)来,沉浸感成为高频词汇(huì),沉浸式互(hù)动游戏、沉浸式密室空间、沉浸式剧场杀、沉浸式主(zhǔ)题展(zhǎn)览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视频,吸引了大批的用户乐于驻(zhù)足(zú)观看。下面(miàn),球速体育和蓝橙互动就给大(dà)家分享一下,沉浸感界(jiè)面设(shè)计该怎么做。

 

一(yī)、设计思(sī)路(lù)

 

1、空间感

 

画面一定要传达出有深(shēn)度的立体的(de)空间感觉(jiào),体现出纵(zòng)深感,给用户一种身(shēn)处一(yī)个三维立(lì)体的的(de)沉浸(jìn)空间中的错(cuò)觉。

 

2、视觉聚焦

 

看展看展,目的只(zhī)有一个——让用(yòng)户看作品图(tú)片(piàn),因此(cǐ)我们只(zhī)强调作品,其(qí)他(tā)元素弱(ruò)化,不能有过多干扰视觉的元素。

 

3、配色(sè)

 

颜色切记不刺眼、不轻佻。我(wǒ)们后来使用(yòng)带暖色属性的深棕色(sè),作(zuò)为(wéi)墙体颜(yán)色,自(zì)然朴实(shí)又富有人情味,给(gěi)用户第(dì)一(yī)感受是一种神秘的感觉,更(gèng)有(yǒu)展厅氛围。

 

4、色调

 

整体采用低照度低色温的光,能使人安静舒(shū)适,适合展馆(guǎn)空(kōng)间,让(ràng)作品(pǐn)述说(shuō)它们的故(gù)事,让人们静静地欣赏。

 

5、写实质感

 

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

 

6、灯(dēng)光

 

我们知道现实中的(de)艺术展馆整体环境偏(piān)暗(àn),会更容易让(ràng)参观者专注,如果灯光亮度过高(gāo),参观者便会有视觉的不适感。因此结(jié)合现实场景(jǐng),我们界面中(zhōng)整体是弱弱的环境光,通过墙顶射灯灯(dēng)光,来提高作品的亮(liàng)度,从而吸引(yǐn)用户视觉,加(jiā)强氛围的带入感(gǎn)。

 

7、细(xì)节

 

作品的立体(tǐ)感(gǎn)和投影(yǐng)、加入现(xiàn)实展馆中(zhōng)常见(jiàn)的围栏设计,都还原展馆场景的真实感(gǎn)。

 

二、实例参考

 

调整前:平静冷淡(dàn),给人一(yī)种严肃、朴(pǔ)实、神圣的感觉。

 

沉浸感设计


调整后:加入(rù)太阳光晕(yūn),让画面(miàn)富有活力;同时加入写(xiě)意的树叶影子,来(lái)增加画面的生命力,呼应主题(tí)。让用户沉浸在画面里(lǐ)感受生命。

 

沉浸感设计


总的来说,沉浸感界面的设计不仅仅只考虑画面的美感,同时还(hái)要站(zhàn)在受众(zhòng)角度看待画面,善于思考和使用多种不(bú)同的技法来(lái)表达设计目的。设计来源于生活(huó)且高于生活,善于从生活中找寻灵感(gǎn)参考和(hé)解决办法(fǎ)。



联(lián)系(xì)QQ:2899301896

球速体育和蓝橙互动·致力于为企业提供(gòng)更高效的(de)开发服务

球速体育(中国)官方网站-welcome

球速体育(中国)官方网站-welcome