乐投在线-乐投在线(中国)




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

    回到(dào)顶部

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

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

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

     

    一、设计思路

     

    1、空间感

     

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

     

    2、视(shì)觉聚焦

     

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

     

    3、配(pèi)色

     

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

     

    4、色(sè)调(diào)

     

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

     

    5、写实质感(gǎn)

     

    墙体、地板(bǎn)、作品展示框、射灯都叠加了写实的质感(gǎn),还原展(zhǎn)厅真实的(de)结构(gòu)材质(zhì)。

     

    6、灯光

     

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

     

    7、细节

     

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

     

    二(èr)、实例参考

     

    调整前:平静冷淡,给人一种严肃、朴实(shí)、神(shén)圣的感觉。

     

    沉浸感设计


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

     

    沉浸(jìn)感设计


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



    联系QQ:2899301896

    乐投在线和蓝橙(chéng)互动·致(zhì)力于为企业提供更高效的开(kāi)发服务

    乐投在线-乐投在线(中国)

    乐投在线-乐投在线(中国)