qy千亿-qy千亿(中国)一站式服务官方网站



H5游戏制作
H5游(yóu)戏制作
H5游戏(xì)制作
H5案(àn)例
H5开发
扫一扫
h5定制
h5定制(zhì)

回(huí)到顶部

H5设计(jì)知识分(fèn)享:沉浸感界面的设计(jì)技巧

页面设(shè)计 2022年(nián)10月(yuè)26日

近年来,沉浸(jìn)感成为高频词汇,沉浸式互动游戏、沉浸(jìn)式密室空间(jiān)、沉浸(jìn)式剧场杀、沉(chén)浸式主题展览等。还出现了(le)一系列(liè)沉浸式吃(chī)饭、沉浸式化(huà)妆等视频,吸(xī)引(yǐn)了大批的用(yòng)户乐于驻足观看。下(xià)面,qy千亿和蓝橙互动(dòng)就(jiù)给大(dà)家分享一(yī)下,沉(chén)浸感界(jiè)面设计该(gāi)怎么做。

 

一、设计思路

 

1、空间感

 

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

 

2、视觉聚焦(jiāo)

 

看(kàn)展(zhǎn)看展,目(mù)的(de)只有一个(gè)——让用户看作(zuò)品图片,因(yīn)此我们(men)只强(qiáng)调作品(pǐn),其(qí)他元(yuán)素(sù)弱化,不能(néng)有过多干扰(rǎo)视觉的元素。

 

3、配色

 

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

 

4、色调(diào)

 

整体采用低照度低色温的光(guāng),能使人安(ān)静舒适,适合展馆空间,让(ràng)作品述说它们的故事,让(ràng)人们静静(jìng)地欣赏。

 

5、写实质感

 

墙体、地板、作品展示框(kuàng)、射(shè)灯都叠加了写实(shí)的质感,还原(yuán)展厅真(zhēn)实的结构材质。

 

6、灯(dēng)光

 

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

 

7、细节

 

作品的立体感和投(tóu)影、加入现实展馆中常见的围栏设计(jì),都还原展(zhǎn)馆场景的真(zhēn)实感。

 

二、实例参考

 

调(diào)整前(qián):平静(jìng)冷淡,给人一种严肃(sù)、朴实、神圣的(de)感觉。

 

沉浸感设(shè)计


调整后:加入太阳光晕,让画(huà)面(miàn)富有(yǒu)活力;同时(shí)加入写意的树叶(yè)影子,来增加画(huà)面的(de)生命力,呼应主(zhǔ)题。让用户沉浸在画面里感受生命。

 

沉浸感设计


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



联系QQ:2899301896

qy千亿和蓝橙(chéng)互(hù)动·致力于为(wéi)企(qǐ)业提供(gòng)更高效的(de)开发服务

qy千亿-qy千亿(中国)一站式服务官方网站

qy千亿-qy千亿(中国)一站式服务官方网站