H5設(shè)計(jì)知識(shí)分享:沉浸感界面的設(shè)計(jì)技巧
近年來(lái),沉浸感成為高頻詞匯,沉浸式互動(dòng)游戲、沉浸式密室空間、沉浸式劇場(chǎng)殺、沉浸式主題展覽等。還出現(xiàn)了一系列沉浸式吃飯、沉浸式化妝等視頻,吸引了大批的用戶樂(lè)于駐足觀看。下面,藍(lán)橙互動(dòng)就給大家分享一下,沉浸感界面設(shè)計(jì)該怎么做。
一、設(shè)計(jì)思路
1、空間感
畫(huà)面一定要傳達(dá)出有深度的立體的空間感覺(jué),體現(xiàn)出縱深感,給用戶一種身處一個(gè)三維立體的的沉浸空間中的錯(cuò)覺(jué)。
2、視覺(jué)聚焦
看展看展,目的只有一個(gè)——讓用戶看作品圖片,因此我們只強(qiáng)調(diào)作品,其他元素弱化,不能有過(guò)多干擾視覺(jué)的元素。
3、配色
顏色切記不刺眼、不輕佻。我們后來(lái)使用帶暖色屬性的深棕色,作為墻體顏色,自然樸實(shí)又富有人情味,給用戶第一感受是一種神秘的感覺(jué),更有展廳氛圍。
4、色調(diào)
整體采用低照度低色溫的光,能使人安靜舒適,適合展館空間,讓作品述說(shuō)它們的故事,讓人們靜靜地欣賞。
5、寫(xiě)實(shí)質(zhì)感
墻體、地板、作品展示框、射燈都疊加了寫(xiě)實(shí)的質(zhì)感,還原展廳真實(shí)的結(jié)構(gòu)材質(zhì)。
6、燈光
我們知道現(xiàn)實(shí)中的藝術(shù)展館整體環(huán)境偏暗,會(huì)更容易讓參觀者專(zhuān)注,如果燈光亮度過(guò)高,參觀者便會(huì)有視覺(jué)的不適感。因此結(jié)合現(xiàn)實(shí)場(chǎng)景,我們界面中整體是弱弱的環(huán)境光,通過(guò)墻頂射燈燈光,來(lái)提高作品的亮度,從而吸引用戶視覺(jué),加強(qiáng)氛圍的帶入感。
7、細(xì)節(jié)
作品的立體感和投影、加入現(xiàn)實(shí)展館中常見(jiàn)的圍欄設(shè)計(jì),都還原展館場(chǎng)景的真實(shí)感。
二、實(shí)例參考
調(diào)整前:平靜冷淡,給人一種嚴(yán)肅、樸實(shí)、神圣的感覺(jué)。
調(diào)整后:加入太陽(yáng)光暈,讓畫(huà)面富有活力;同時(shí)加入寫(xiě)意的樹(shù)葉影子,來(lái)增加畫(huà)面的生命力,呼應(yīng)主題。讓用戶沉浸在畫(huà)面里感受生命。
總的來(lái)說(shuō),沉浸感界面的設(shè)計(jì)不僅僅只考慮畫(huà)面的美感,同時(shí)還要站在受眾角度看待畫(huà)面,善于思考和使用多種不同的技法來(lái)表達(dá)設(shè)計(jì)目的。設(shè)計(jì)來(lái)源于生活且高于生活,善于從生活中找尋靈感參考和解決辦法。
聯(lián)系QQ:2899301896
藍(lán)橙互動(dòng)·致力于為企業(yè)提供更高效的開(kāi)發(fā)服務(wù)