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