乐鱼(中国)leyu








    1. H5游戏(xì)制作
      H5游戏(xì)制作
      H5游戏制(zhì)作(zuò)
      H5案例
      H5开(kāi)发(fā)
      扫一(yī)扫
      h5定制
      h5定制

      回到顶部

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

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

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

       

      一、设计思路(lù)

       

      1、空间感

       

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

       

      2、视觉聚焦(jiāo)

       

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

       

      3、配色

       

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

       

      4、色调

       

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

       

      5、写实质感

       

      墙体、地板、作品(pǐn)展示框、射灯都(dōu)叠加(jiā)了写实(shí)的质感,还原展厅真(zhēn)实的结构材(cái)质。

       

      6、灯光

       

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

       

      7、细节

       

      作品的立体(tǐ)感和投(tóu)影(yǐng)、加入现实展(zhǎn)馆(guǎn)中常见的(de)围栏设(shè)计,都还原展(zhǎn)馆场景(jǐng)的真实感。

       

      二、实例参考

       

      调(diào)整前:平静冷淡,给人一(yī)种严肃、朴实、神圣的感觉。

       

      沉浸感设计


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

       

      沉浸感设计


      总的来说,沉浸(jìn)感界面(miàn)的设计不(bú)仅仅只考(kǎo)虑(lǜ)画面的美感,同时(shí)还要站在受(shòu)众(zhòng)角度看(kàn)待画面,善于(yú)思考和(hé)使用多种不同的技法来表(biǎo)达(dá)设计目的。设(shè)计来源于生活且高于(yú)生活,善于从生活中找寻灵感参考和解决办法。



      联系QQ:2899301896

      乐鱼和蓝橙互动·致力(lì)于为企(qǐ)业提供(gòng)更高效的开发服(fú)务

      乐鱼(中国)leyu

      乐鱼(中国)leyu