蓝橙视觉-掌握这些技巧,轻松设计出超有沉浸感的界面
成都/设计爱好者/123天前/8浏览
版权
蓝橙视觉-掌握这些技巧,轻松设计出超有沉浸感的界面
近年来,沉浸感成为高频词汇,沉浸式互动游戏、沉浸式密室空间、沉浸式剧场杀、沉浸式主题展览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视频,吸引了大批的用户乐于驻足观看。
疯狂万圣夜
近年来,沉浸感成为高频词汇,沉浸式互动游戏、沉浸式密室空间、沉浸式剧场杀、沉浸式主题展览等。还出现了一系列沉浸式吃饭、沉浸式化妆等视频,吸引了大批的用户乐于驻足观看。
那我们设计上要怎么理解和拆分沉浸感呢?
我理解的沉浸感,是人对具体事物的一种主观感受。我们可以通过对事物的人为有目的的处理,让事物营造出一种预期的主观氛围感受,当受众在体验时,可以完全投入情境当中,注意力专注,并且过滤掉所有不相关的知觉,即进入沉浸状态。
比如平时我们看到一张照片或者一幅画,暖色调就会给人一种温馨、阳光、美好、浪漫的感觉。而冷色调则会给人一种平静、克制、理性、神秘、梦幻的意境。而这些感觉是很主观的,是艺术者通过光影、色彩、构图等技法的表达,让照片或画向受众传达出某种主观感受,而这个主观感受有预期的、有目的的。
因此。我们可以看出,沉浸感、氛围感都是一种主观情绪的体现,且需要多种手法来综合表达。
那作为设计师,设计中的沉浸感要如何体现的呢?
举个例子:
前段时间我们完成了一个医师节线上展厅项目的上线,主要是针对医护故事的作品展览,设计环节,客户强调,展厅界面设计要让人有沉浸感,有身临其境的感觉。这是个好问题,那我们设计师怎样才能让展厅有沉浸感,有展览氛围呢?
如果我们能让用户进入展厅页面后,100%全身全心投入到看展看这一件事情上,那我们就达到了用户沉浸的目的。
来看一下当时的设计图,图见下,图2是不是要比图1更能让用户沉浸。
图1(修改前)
图2(修改后)
为了达到要让用户有沉浸感、身临其境的感觉”这个需求,我们总结以下几点设计思路:
l 空间感。画面一定要传达出有深度的立体的空间感觉,体现出纵深感,给用户一种身处一个三维立体的的沉浸空间中的错觉。
l 视觉聚焦。看展看展,目的只有一个——让用户看作品图片,因此我们只强调作品,其他元素弱化,不能有过多干扰视觉的元素。
l 配色。颜色切记不刺眼、不轻佻。我们后来使用带暖色属性的深棕色,作为墙体颜色,自然朴实又富有人情味,给用户第一感受是一种神秘的感觉,更有展厅氛围。
l 色调。整体采用低照度低色温的光,能使人安静舒适,适合展馆空间,让作品述说它们的故事,让人们静静地欣赏。
l 写实质感。墙体、地板、作品展示框、射灯都叠加了写实的质感,还原展厅真实的结构材质。
l 灯光。我们知道现实中的艺术展馆整体环境偏暗,会更容易让参观者专注,如果灯光亮度过高,参观者便会有视觉的不适感。因此结合现实场景,我们界面中整体是弱弱的环境光,通过墙顶射灯灯光,来提高作品的亮度,从而吸引用户视觉,加强氛围的带入感。
l 细节。作品的立体感和投影、加入现实展馆中常见的围栏设计,都还原展馆场景的真实感。
我们再看看这个项目的首页设计图:
调整前:
平静冷淡,给人一种严肃、朴实、神圣的感觉。
调整后:
加入太阳光晕,让画面富有活力;同时加入写意的树叶影子,来增加画面的生命力,呼应主题。让用户沉浸在画面里感受生命。
结语:
作为设计师,不仅仅只考虑画面的美感,同时还要站在受众角度看待画面,善于思考和使用多种不同的技法来表达设计目的。设计来源于生活且高于生活,善于从生活中找寻灵感参考和解决办法。
0
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
推荐Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share



















































































