乐竞官网-乐竞(中国)一站式体育服务





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

    回到顶(dǐng)部

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

    页面设计 2022年10月26日

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

     

    一、设计思路(lù)

     

    1、空间(jiān)感

     

    画面(miàn)一定(dìng)要传达(dá)出(chū)有深度的立体(tǐ)的空间感觉,体(tǐ)现出纵深感,给用(yòng)户一种身处一个三维立(lì)体(tǐ)的(de)的沉(chén)浸空间中(zhōng)的错觉。

     

    2、视(shì)觉聚焦

     

    看展看展,目的只(zhī)有一个——让用户看作品图(tú)片(piàn),因(yīn)此我们只强调作品,其他元素弱化,不能有(yǒu)过多干扰视觉的元素(sù)。

     

    3、配色

     

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

     

    4、色调

     

    整体采用低照度低色温的光,能使人安静舒适,适合展(zhǎn)馆空间,让作品述说(shuō)它们(men)的故(gù)事,让人们静静地欣(xīn)赏。

     

    5、写(xiě)实质感

     

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

     

    6、灯(dēng)光

     

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

     

    7、细节

     

    作品的立(lì)体感和投影、加入现(xiàn)实展馆中(zhōng)常见的围栏设计,都还原展馆场景的真实感(gǎn)。

     

    二、实例参考(kǎo)

     

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

     

    沉(chén)浸感(gǎn)设计


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

     

    沉浸感(gǎn)设计


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



    联系QQ:2899301896

    乐竞官网和蓝橙互动·致(zhì)力于为(wéi)企业提供更高效的开发服务

    乐竞官网-乐竞(中国)一站式体育服务

    乐竞官网-乐竞(中国)一站式体育服务