乐鱼(中国)leyu





    1. H5游戏制作(zuò)
      H5游戏制作
      H5游戏制作
      H5案例
      H5开发(fā)
      扫(sǎo)一扫
      h5定制
      h5定(dìng)制

      回(huí)到顶部

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

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

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

       

      一、设计思路

       

      1、空间感

       

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

       

      2、视(shì)觉聚(jù)焦(jiāo)

       

      看展看展,目的只有一个——让用户看作品图片,因此我们只强(qiáng)调作品,其他(tā)元素弱化,不(bú)能有过(guò)多(duō)干扰视觉的元素。

       

      3、配色(sè)

       

      颜(yán)色切(qiē)记(jì)不刺眼、不(bú)轻佻。我(wǒ)们后(hòu)来使用带暖色属性的(de)深(shēn)棕色,作为墙(qiáng)体(tǐ)颜(yán)色,自然朴实又富有人情味,给用户第一感(gǎn)受是(shì)一种神(shén)秘的感(gǎn)觉(jiào),更有展厅氛(fēn)围。

       

      4、色调

       

      整体(tǐ)采用低照(zhào)度低色温的光,能使人安静(jìng)舒适,适合展馆空(kōng)间,让作(zuò)品(pǐn)述说(shuō)它们的故事,让人们静静地欣(xīn)赏。

       

      5、写实(shí)质感

       

      墙体、地板、作品(pǐn)展示框、射灯都(dōu)叠加了写(xiě)实的质(zhì)感,还原展厅(tīng)真实(shí)的结构材质。

       

      6、灯光

       

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

       

      7、细节

       

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

       

      二、实(shí)例参考

       

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

       

      沉浸(jìn)感(gǎn)设计


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

       

      沉(chén)浸感(gǎn)设(shè)计(jì)


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



      联系(xì)QQ:2899301896

      蓝(lán)橙互动·致力于为企业提(tí)供(gòng)更高(gāo)效(xiào)的开发服务

      乐鱼(中国)leyu

      乐鱼(中国)leyu