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