完美

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

    回到(dào)顶(dǐng)部

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

    页面(miàn)设计 2022年(nián)10月26日

    近年来,沉浸感成为高(gāo)频(pín)词汇,沉浸式互动游(yóu)戏、沉(chén)浸式密室空间、沉浸(jìn)式剧场杀、沉浸(jìn)式主(zhǔ)题(tí)展览等。还出(chū)现了(le)一(yī)系(xì)列沉浸式(shì)吃饭、沉浸式化妆等视频,吸引了大批的用户乐(lè)于驻足观看。下面,完美和蓝橙互动就给大家分享一(yī)下,沉(chén)浸感界(jiè)面设计该怎么做(zuò)。

     

    一(yī)、设计思路

     

    1、空间感

     

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

     

    2、视觉聚焦

     

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

     

    3、配色

     

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

     

    4、色调(diào)

     

    整(zhěng)体采用低照度低色(sè)温的(de)光,能(néng)使人安静舒适,适合(hé)展馆空间,让(ràng)作(zuò)品述(shù)说它(tā)们的故事,让人们静静地欣赏。

     

    5、写实(shí)质感

     

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

     

    6、灯光

     

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

     

    7、细(xì)节

     

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

     

    二、实例参(cān)考

     

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

     

    沉浸感设计(jì)


    调整后:加入(rù)太(tài)阳光(guāng)晕,让画面富有活力;同时(shí)加入(rù)写意的树叶影子,来增(zēng)加画(huà)面的生命力,呼应主题。让用户沉(chén)浸在画(huà)面里感受生命。

     

    沉浸感设计(jì)


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



    联系QQ:2899301896

    完美和蓝橙互(hù)动·致力(lì)于为企业提供更高效的开发服务

    完美

    完美