开云手机站登录入口-开云online(中国)


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

    回到顶部

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

    页面设计 2022年10月26日

    近年(nián)来(lái),沉浸感(gǎn)成为(wéi)高频词(cí)汇(huì),沉浸式互动游戏、沉浸式(shì)密室空间、沉浸式剧场杀、沉浸式主题展览等。还出(chū)现了一(yī)系(xì)列沉浸(jìn)式吃(chī)饭(fàn)、沉浸式(shì)化妆等(děng)视频,吸引了大批的(de)用户乐于驻足观看。下面,开云手机站登录入口和蓝橙互动(dòng)就给大(dà)家分享一下(xià),沉浸感界面设计该怎么(me)做。

     

    一、设计思路

     

    1、空间感

     

    画面(miàn)一定要(yào)传达出(chū)有(yǒu)深度的立体的空间感觉,体现出纵深感,给用户一(yī)种身处一个三维立体的的沉浸空(kōng)间中(zhōng)的错觉。

     

    2、视觉聚焦

     

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

     

    3、配(pèi)色

     

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

     

    4、色调

     

    整体采用低(dī)照(zhào)度低色(sè)温的(de)光,能使人安静舒适,适合展(zhǎn)馆空间,让作(zuò)品述说它们的故事,让人们静静地欣赏。

     

    5、写实(shí)质感

     

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

     

    6、灯光(guāng)

     

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

     

    7、细节

     

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

     

    二(èr)、实例参(cān)考(kǎo)

     

    调整前(qián):平静(jìng)冷淡(dàn),给人一种严(yán)肃、朴实(shí)、神圣的感觉。

     

    沉浸(jìn)感设计


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

     

    沉浸(jìn)感设计


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



    联系QQ:2899301896

    蓝(lán)橙互动·致力于为企(qǐ)业提供更高效的开发服务

    开云手机站登录入口-开云online(中国)

    开云手机站登录入口-开云online(中国)