BG大游(中国)唯一官方网站




H5游戏制作
H5游戏制作
H5游(yóu)戏制作
H5案例
H5开发(fā)
扫一扫
h5定制
h5定制

回到顶部

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

页(yè)面设计(jì) 2022年10月(yuè)26日

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

 

一、设计思路

 

1、空间感

 

画(huà)面一定(dìng)要传达出有深度(dù)的立体的空(kōng)间感觉,体(tǐ)现出纵深感,给用户一种身处(chù)一个三维立体的的沉浸空(kōng)间中的错觉。

 

2、视觉聚焦

 

看展(zhǎn)看展(zhǎn),目的只有(yǒu)一个——让(ràng)用户看作品图片,因此我(wǒ)们只强(qiáng)调作品,其他元素弱化,不能有过多干扰视觉的元(yuán)素。

 

3、配色(sè)

 

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

 

4、色调

 

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

 

5、写实质感

 

墙体、地板、作品(pǐn)展示框、射灯都叠(dié)加(jiā)了写实的(de)质感(gǎn),还原展厅真(zhēn)实的结(jié)构材质。

 

6、灯光

 

我们知(zhī)道现实中的艺术展馆整体环(huán)境偏(piān)暗,会(huì)更(gèng)容(róng)易让参观者专(zhuān)注,如果灯光亮度过高,参观者便会有视觉的(de)不(bú)适感。因此(cǐ)结合现实场景,我(wǒ)们界面中整体是弱弱(ruò)的环境光(guāng),通过墙顶射灯(dēng)灯光,来提(tí)高作品的亮度,从而吸引用户视觉,加强氛围的带入感。

 

7、细(xì)节(jiē)

 

作(zuò)品的立体(tǐ)感和投影(yǐng)、加入现实展馆中常见的围栏(lán)设计(jì),都还原展馆场景的真实感。

 

二、实(shí)例参考

 

调(diào)整(zhěng)前(qián):平静冷淡,给(gěi)人(rén)一种严肃、朴(pǔ)实、神圣的感觉。

 

沉浸感(gǎn)设计


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

 

沉浸感设计


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



联系(xì)QQ:2899301896

蓝(lán)橙互动·致(zhì)力于为企业提供更高效(xiào)的开(kāi)发服务(wù)

BG大游(中国)唯一官方网站

BG大游(中国)唯一官方网站