H5设计知识分享:沉浸(jìn)感界面的设计技巧
近年来,沉浸感成为高频词汇,沉浸式互动游戏、沉(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)感觉。
调(diào)整后(hòu):加入太(tài)阳光晕,让画面富有活力;同(tóng)时加入(rù)写意的树叶影子,来增(zēng)加(jiā)画面的生命力,呼应(yīng)主题(tí)。让用户(hù)沉浸在画面里感受生命。
总(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)的开发服务