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