完美







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

      回(huí)到(dào)顶部

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

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

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

       

      一、设计思路

       

      1、空间(jiān)感

       

      画面(miàn)一(yī)定要传达出有深度的立体的空间感觉(jiào),体(tǐ)现(xiàn)出纵深感,给用户(hù)一种身处(chù)一个三维立体的的沉浸空间中的(de)错(cuò)觉。

       

      2、视觉聚焦

       

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

       

      3、配色

       

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

       

      4、色调

       

      整体采用低(dī)照度低(dī)色(sè)温(wēn)的光,能使人安(ān)静舒适,适合展馆空(kōng)间,让作品述说它们的故事,让人们静(jìng)静地欣赏。

       

      5、写(xiě)实质感

       

      墙体(tǐ)、地板、作品展示框、射(shè)灯都叠加了写实的质感,还原展厅真实的结(jié)构材质。

       

      6、灯光

       

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

       

      7、细节

       

      作品的立体感和(hé)投影、加入(rù)现实展(zhǎn)馆(guǎn)中常见的(de)围栏设(shè)计,都还原展(zhǎn)馆场景的真实感。

       

      二、实例参考

       

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

       

      沉浸感设计


      调整(zhěng)后(hòu):加入太阳光晕,让画面(miàn)富有活力;同时加入写(xiě)意(yì)的树叶影子,来增(zēng)加画面的生(shēng)命力,呼应主题。让用户沉浸在画(huà)面里感受生命。

       

      沉(chén)浸感设计(jì)


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



      联(lián)系QQ:2899301896

      完美和蓝橙互(hù)动·致力于为企(qǐ)业提供更高效(xiào)的(de)开发(fā)服(fú)务

      完美

      完美