万象城在线登录-万象城(中国)






H5游戏制作
H5游(yóu)戏制作
H5游戏制作(zuò)
H5案例
H5开(kāi)发
扫(sǎo)一扫
h5定制
h5定制

回(huí)到顶部

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

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

近年来,沉浸感成(chéng)为高(gāo)频词(cí)汇,沉浸式互动游戏、沉浸式(shì)密室空间、沉浸式(shì)剧(jù)场杀、沉浸式主题展览等(děng)。还出现(xiàn)了一系列(liè)沉浸式(shì)吃饭(fàn)、沉浸式化妆等视频,吸引了(le)大批的用户乐于(yú)驻足观看。下(xià)面,万象城在线登录和蓝橙互动就给大(dà)家分享(xiǎng)一下,沉浸(jìn)感界面设(shè)计该怎么做。

 

一、设计思路

 

1、空间(jiān)感

 

画面一定要传达(dá)出有深度的立体的空间(jiān)感(gǎn)觉,体现出纵深感,给用户一种身(shēn)处一(yī)个三维立体的的(de)沉浸空间(jiān)中的(de)错觉。

 

2、视觉聚焦

 

看(kàn)展(zhǎn)看展(zhǎn),目的只有一个——让用户看作品图片,因此我们只强调(diào)作(zuò)品(pǐn),其他元素弱(ruò)化,不能有过(guò)多(duō)干扰视觉的元素(sù)。

 

3、配色

 

颜色切记不刺眼、不轻佻。我(wǒ)们后来使用带暖色属性的深棕色,作为墙(qiáng)体颜色,自然朴实又富(fù)有人情味,给用户第一感受是一种神秘的感(gǎn)觉,更(gèng)有(yǒu)展(zhǎn)厅氛围。

 

4、色调

 

整体(tǐ)采用低照度低色(sè)温(wēn)的光,能使人安静舒适,适(shì)合(hé)展馆(guǎn)空间,让(ràng)作品述说它们的(de)故事,让人们静(jìng)静地欣赏。

 

5、写(xiě)实质感

 

墙体、地板、作品(pǐn)展示(shì)框、射灯(dēng)都叠加了写(xiě)实的质感,还原展厅真实的(de)结构材质。

 

6、灯光

 

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

 

7、细节(jiē)

 

作品的(de)立体感和投(tóu)影(yǐng)、加(jiā)入(rù)现实展馆中(zhōng)常见的围栏(lán)设计,都还原展馆场景的真实感。

 

二、实例参(cān)考

 

调整前:平(píng)静冷(lěng)淡,给人一(yī)种严肃、朴实、神圣的感觉。

 

沉浸感设计


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

 

沉浸感设计


总的(de)来说,沉浸感(gǎn)界面的(de)设计(jì)不仅仅只考虑画面的美感,同时还要站在受众角度看待画面,善于思考和使用多种不同(tóng)的技法来表达设计目(mù)的。设计来源于生活(huó)且高于生活,善(shàn)于从生活中找寻(xún)灵(líng)感参考和解(jiě)决办法。



联系QQ:2899301896

万象城在线登录和蓝橙互动·致力于为企(qǐ)业提供更高效的开发服务

万象城在线登录-万象城(中国)

万象城在线登录-万象城(中国)