欧宝网官方站入口-欧宝(中国)




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

    回到顶部

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

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

    近年来,沉(chén)浸感成为高频词(cí)汇,沉(chén)浸式互动游戏、沉(chén)浸(jìn)式密室空间、沉浸式剧场杀、沉浸式(shì)主题展览等(děng)。还出现了一系列沉浸式吃饭、沉浸(jìn)式化妆等视频,吸引了大(dà)批的用户(hù)乐于驻足观看(kàn)。下(xià)面,欧宝网官方站入口和蓝橙(chéng)互动就给大家分享一下,沉浸(jìn)感(gǎn)界面设计该怎么做。

     

    一、设计思路(lù)

     

    1、空间(jiān)感

     

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

     

    2、视觉聚焦

     

    看展看展(zhǎn),目的只(zhī)有一个——让用(yòng)户看作(zuò)品图片,因(yīn)此我(wǒ)们(men)只强调作品,其(qí)他元素弱化,不能有过多干扰视觉的元素。

     

    3、配色

     

    颜色切记不刺眼、不轻佻。我们后来使用带暖色属性的(de)深棕(zōng)色(sè),作为(wéi)墙体(tǐ)颜(yán)色,自然朴实又富有人情味,给(gěi)用户第一(yī)感受(shòu)是(shì)一种神秘的感觉,更有展厅氛围(wéi)。

     

    4、色调

     

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

     

    5、写实质(zhì)感

     

    墙体、地(dì)板(bǎn)、作品展示框(kuàng)、射灯都叠加了(le)写实的质感,还原(yuán)展厅真实的结构材质。

     

    6、灯光

     

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

     

    7、细节

     

    作品(pǐn)的立体感和投影、加入(rù)现实展(zhǎn)馆中(zhōng)常见的围(wéi)栏(lán)设计,都还原展馆(guǎn)场景的真实(shí)感(gǎn)。

     

    二、实(shí)例(lì)参考(kǎo)

     

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

     

    沉(chén)浸感设计


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

     

    沉浸感设计


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



    联系QQ:2899301896

    欧宝网官方站入口和蓝橙互(hù)动·致力于为企业提供更高效的开(kāi)发服务(wù)

    欧宝网官方站入口-欧宝(中国)

    欧宝网官方站入口-欧宝(中国)