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