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