Travel Beach

新拟物化APP设计


在 2021-12-10 17:55 发布

一、什么是新拟态

首先了解“拟态化”,它用于描述界面对象,反映了现实世界中的对象对应到数字界面中的显示方式。此设计概念利用了用户对实际对象现有认知和思维,该设计风格让用户无需花费额外时间学习新的界面,当UI元素与显示世界类似物结合时,可以减轻用户的认知负担。


新拟态风格与扁平化风格完全相反,可以理解成“加高光、加渐变、加阴影”,其原理是为界面的UI元素赋予真实感。原生名词有几种叫法:Neumorphism/soft UI,翻译过来就是“新拟态”/软UI,是一种具有流线感的设计风格,介于扁平与投影之间。




二、新拟态风格特征

1)投影和高光的明暗形成了立体的“浮雕”效果,元素呈现有厚度感但又柔和的边缘,无纹理的拟物风。


2)克制的色彩使用;


3)整个界面中的元素只有一个光源照射。作者预设了一个光源,靠近光源的部分更亮,反之更暗。图片中作品的光源固定位置是从左上角向右下照射,即受光面在左上,故元素的左上 和 右下投影呈对比;


4)元件与背景采用相近色。无论界面是浅色模式还是暗色模式,各个模式下的颜色对比度很低,整体视觉上非常柔和、甚至是模糊,易引起视觉疲劳;


5)视觉上按钮状态采用“选中状态下按钮是凹进去的,未选中时是凸出来的”方式。对于选中状态,图片中作品的元素做了内阴影的处理方式,同时,选中状态的元素统一采用与未选中状态相反的光源。




三、轻拟物的弊端和争议

易用性和用户友好性:设计师阿伦·扬格拉这么说:与没有阴影的对象相比,带有阴影的对象通常会被突出显示。但是,通过“神经同构”,大多数元素都会漂浮并脱颖而出,在一个屏幕上相互竞争。很难理解设计中的确切层次,这会导致屏幕缺少适当的焦点,从而在眼动追踪中造成混乱。屏幕上缺少层次结构会对用户的决策过程产生重大影响。因此,由于存在多个可操作的项目,但缺少设计层次结构和重点,这会阻碍用户理解屏幕上正在发生的事情,从而可能导致混乱和错误的判断。


由于Neuomorphism具有各种阴影色调和角度,因此人们不禁要问,可单击的内容与不可单击的内容之间的细线在哪里。根据产品的功能和要求,每个应用神经同构的产品都可以具有自己的UI阶段规则;但是由于阴影,角度和浮动水平的不同,由于缺乏一致性,迷失方向的可操作项,“神经变形”会给用户带来混乱,最终为残疾用户造成使用障碍。


如果说无边框设计和单纯使用排版来创造UI是可以被用户接受的话,目前这种新拟物风格在用户可用性和友好程度上并不高,我们仅仅把他们当做实验性风格去尝试就好。也许某一天,新拟物风可以在设计师的不断尝试中获得更好的体验和视觉兼顾。


对于现阶段商业设计师来说,我们可以从轻拟物风格上获取灵感,逐渐的,微小的运用到现在的UI风格中,形成属于自己独特风格的作品,而不是照搬全抄的使用,这无疑是更明智的选择。