【原创】VR适合扁平化吗?

用户头像
北京/UX设计师/6年前/193浏览
【原创】VR适合扁平化吗?

简介:本文分析了VR/AR环境下的设计趋势。

从鼠标到手指,从PC WEB页到移动端app,可以说,每次人机交互方式的变化,都会带来界面设计巨大的革新。

这一次,我们打破了现实世界和虚拟世界的那道玻璃墙(屏幕),仅仅用头部的转动、目光的注视就可以完成交互,甚至可以不需要手。那么,这会给界面设计带来什么样的变化呢?扁平化设计还会继续流行吗?


AR/VR的区别在于前者基于是真实的3D环境,后者则基于虚拟的3D环境,AR中人工添加的元素越多,也就越向VR靠近。在目前的技术阶段,对于界面设计师而言,这两者设计上的区别不会特别大。


至于『扁平化』,这一直是个有争议的词汇,我认为『扁平化』是一个比较宽泛的概念,『扁平化』界面设计的意义在于用概括的图标、较少的色彩去描述界面,大大降低了人眼接受的信息复杂度,使得人脑可以更快更好的辨认一个界面。所以,『扁平化』的反义词是质感化,『扁平化』也是可以有渐变、阴影、甚至拟物(比如android的模拟纸张)的。


回到开头那个问题:AR/VR的界面适合延续现在手机的扁平化界面设计吗?我的答案是适合。

虚拟世界中使用扁平化设计最简单的方式,就是将界面放在一张弧面上。


因为处在三维空间,界面中的元素可以有更多的层次变化,空间感更强。例如下图展示GMAIL的图标和列表。


层次感不仅是为了美感,也有交互上的意义。在PC端WEB页上,设计师往往通过鼠标悬停效果暗示此处可点击,在触摸屏上,悬停效果不复存在,设计师转而采用其他各种方式去表达点击感。


在AR/VR扁平化设计中,设计师经常用浮出、闪动暗示此处可点。用户可以用陀螺仪延时方式完成点击,也可以简单的配合遥控器光标点击。


除了弧面,下图中的斜面也是一种常见的直接将界面搬入虚拟世界的方式,毫无难度。


再看另一种扁平化的例子,这个界面没有背景色,也没有投影。如果再加上一些装饰性的科幻风元素,很容易变为我们熟悉的科幻电影的样子。



扁平化界面也可以进一步拆散放入虚拟世界,不同应用的界面之间可以形成不同的角度。接下来两张图都是多应用同时存在的情况,这就好像界面本身已经是一种实体存在于世界之中。


再次注意到悬停状态,icon突出,这也是谷歌推荐的交互方式。悬停状态在触摸设备上消失了,在AR/VR的世界中,一定会再次回归。


在一些3D创作应用里,例如Tilt Brush,已经完全摒弃了上面两种的传统界面搬迁模式,同一个应用里的模块被拆散,这种处理方式,比放一排虚拟画笔颜料桶更高效,比在电脑屏幕的2D空间中绘制3D更直观。


无论是在AR/VR世界里,还是在小小的手机屏幕上,游戏界面、特殊风格页面都是不需要扁平化设计的,但对于信息量大、功能复杂的界面,一定是扁平化设计更占优势。这并不会因为世界是2D的还是3D的而改变。


从本文引用三种类型(应用放在同一个弧面>不同应用在不同表面>同一应用拆散放在不同表面)的图片可以看出,从一开始的整体搬迁,到最后的重新布局,在AR/VR世界里,扁平化界面将完成一次解构和重构的过程,扁平化的设计风格将会延续。


只要图形界面还是一种人机交互的必要载体,『扁平化』作为一种图形界面信息缩减的手段,就不会过时。


1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
我的钱包-UI界面设计-app
【新年UI图标】汽车icon
UI应用平面图标
3D渐变流体抽象矢量UI背景图
【新年UI图标】钱包icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
手表表盘UI系列
【新年UI图标】活动icon
【新年UI图标】体育icon
新能源APP应用UIKit
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
钱包ui模板
UI 登录界面设计模板包
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
盲盒APP UI设计
【新年UI图标】旅行icon
【新年UI图标】礼物/活动icon
高级表盘系列UI源文件
【新年UI图标】积分icon
UI界面 组件
智能家居中心 简约 UI设计组件库
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册