爱游戏网页版-爱游戏aiyouxi(中国)






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

回到顶部

H5设计知识分享:沉(chén)浸感界面的设计技巧

页面设计 2022年10月26日(rì)

近年来,沉浸感(gǎn)成(chéng)为高(gāo)频词汇,沉浸式互动游戏、沉浸(jìn)式密(mì)室空间、沉浸式剧(jù)场杀、沉(chén)浸式主(zhǔ)题展览等。还出(chū)现了一系列沉浸式吃饭、沉浸(jìn)式化妆(zhuāng)等视频,吸引了大批的用户乐于驻足观看。下面(miàn),爱游戏网页版和蓝橙互动就给(gěi)大家分享一下(xià),沉浸(jìn)感界面(miàn)设计该怎么做(zuò)。

 

一、设计思路

 

1、空间感

 

画面一定要(yào)传达出有(yǒu)深度的(de)立体的空间感觉,体现出纵深感,给(gěi)用户一种(zhǒng)身(shēn)处(chù)一个三维立(lì)体的的沉浸空间(jiān)中的错觉。

 

2、视(shì)觉聚焦

 

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

 

3、配(pèi)色

 

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

 

4、色调

 

整体(tǐ)采用低照度低色温的光,能使人安静舒适,适合(hé)展(zhǎn)馆空间,让作品(pǐn)述说它们的故事,让人们静静地欣赏(shǎng)。

 

5、写实质(zhì)感

 

墙体、地板、作(zuò)品展示框、射灯都(dōu)叠加了写实的质(zhì)感,还(hái)原展厅真实的(de)结(jié)构材质。

 

6、灯(dēng)光

 

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

 

7、细(xì)节

 

作品的立体感(gǎn)和投影、加入现实展馆中(zhōng)常见(jiàn)的(de)围栏(lán)设计,都(dōu)还原展馆(guǎn)场(chǎng)景(jǐng)的(de)真实感。

 

二(èr)、实例参考

 

调整(zhěng)前:平(píng)静冷淡,给人一种(zhǒng)严(yán)肃、朴实、神圣(shèng)的感觉。

 

沉浸(jìn)感设计


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

 

沉浸感(gǎn)设计


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



联系QQ:2899301896

爱游戏网页版和蓝橙(chéng)互动·致力(lì)于为企业提供更高效的开发服务

爱游戏网页版-爱游戏aiyouxi(中国)

爱游戏网页版-爱游戏aiyouxi(中国)