H5设计知识分享:沉浸感界面的设计技巧
近年(nián)来,沉(chén)浸感成为高频词汇,沉浸式互动游戏、沉浸式密室(shì)空间、沉浸式剧场杀、沉浸式主题展览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视(shì)频,吸引了大(dà)批的用(yòng)户乐于驻(zhù)足观(guān)看(kàn)。下面,半岛网页版和蓝橙互动(dòng)就(jiù)给大家分享一(yī)下(xià),沉浸感界面设计(jì)该(gāi)怎么(me)做。
一、设(shè)计思路(lù)
1、空间感
画面(miàn)一定(dìng)要传达出(chū)有深度的(de)立体的(de)空间感觉(jiào),体(tǐ)现(xiàn)出纵(zòng)深感,给用(yòng)户一(yī)种身(shēn)处一个(gè)三维立体的的沉浸空间中的错觉(jiào)。
2、视觉聚焦(jiāo)
看展(zhǎn)看展,目的只有一个(gè)——让(ràng)用户看作品(pǐn)图片,因此我们只强调(diào)作品,其他元素弱化,不能有过多(duō)干(gàn)扰视觉的元素。
3、配色
颜色(sè)切记不刺眼、不轻佻(tiāo)。我们后来使用带暖色属性的深棕色,作为(wéi)墙体颜色,自然朴实又富有人情味,给用户第(dì)一(yī)感(gǎn)受是(shì)一种神秘的感觉,更有展厅氛围。
4、色调
整(zhěng)体采用低照度低色温的光,能使人安静舒适,适合展馆(guǎn)空间,让作品述说它们的故事,让人们静静地欣赏。
5、写实质感
墙体、地板(bǎn)、作品展示框、射灯都叠加了写实的质感,还原展厅真实(shí)的结(jié)构材(cái)质(zhì)。
6、灯光
我们知道现实中的(de)艺术(shù)展馆(guǎn)整体(tǐ)环境偏暗,会更容易让(ràng)参观(guān)者专注,如果灯光亮度过高(gāo),参观者(zhě)便(biàn)会有视(shì)觉的(de)不适感。因此结合现实场景,我们界面中(zhōng)整体是弱弱的(de)环境光,通过墙顶射灯灯光,来提高作品(pǐn)的亮度(dù),从而吸引用户视觉(jiào),加强氛围的带入感。
7、细节
作品的立体感和投影(yǐng)、加(jiā)入现实展馆中常见的(de)围栏设计,都还原展(zhǎn)馆场景的(de)真实感。
二、实例参考
调整前:平(píng)静冷淡,给人(rén)一种严肃、朴实、神圣的感(gǎn)觉。
调整后:加入太阳光晕(yūn),让(ràng)画面富有活(huó)力;同时加入写意的树叶影(yǐng)子,来增加画面的生命力(lì),呼应主题(tí)。让用户沉(chén)浸在画面里感受生(shēng)命。
总的(de)来说,沉浸感界面的(de)设计不仅仅只(zhī)考(kǎo)虑(lǜ)画面的美感,同时还要站在受众角度(dù)看待画面,善于思考和使(shǐ)用多种不同的技法来表达设计目的。设计来(lái)源(yuán)于生活且高于生活,善(shàn)于(yú)从生活中找(zhǎo)寻灵感(gǎn)参考和解决(jué)办(bàn)法(fǎ)。
联系QQ:2899301896
半岛网页版和蓝橙(chéng)互动·致力于(yú)为企业提供更(gèng)高效的开发服务