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