已经有越来越多的APP看起来都一样,那么UI的进化到底经历了怎么样一段历程,他又是如何变化的,下一个UI趋势又是什么呢,一起来今天的文章中寻找答案吧!
从拟物化到现代化设计及其以后的变迁
✦沉寂是如何被打破的 ✦
当第一部iphone问世时,在小型设备上采用多点触碰的各种手势进行交互的想法极为新颖。为了让人们在使用时感觉更舒服,最早的UI界面设计应用了拟物化。
来回顾一下往昔时光吧。它看起来也许“过时”了,但绝对是可爱的。
拟物化主要是指采用来自“现实世界”的元素,就像木质书架,皮革笔记本和你浏览过的CD封面,这些元素会让你对新的数字世界有所认识。通过使用人们熟悉的对象,它降低了新用户的进入门槛。尽管这个界面不像你曾经见过的一切,但它让你感到熟悉。
人们习惯了触控设备。
然而,人们在一段时间后习惯了手机,那些木头、金属和皮革类的元素开始显得陈旧乏味。我们渴望一些带来新鲜感,灵活流畅,并且更接近数字化的东西。
来点扁平的?
我们之所以有这样的需求,是因为意识到手机屏幕的“扁平”。伪3D效果与真实世界的纹理被放置于平滑的手机屏幕上,让人在心理上产生冲突,从而感受到不协调。
因为我们手机的玻璃是100%平滑的,所以这个界面看起来像是内置了一个立体模型。
✦扁平化来了 ✦
因此,随着2013年iOS 7的发布,苹果决定“拥抱扁平”。大部分阴影消失不见,按钮也大多变成了文字链接,一切都变得纯二维,没有假象的三维元素。
人们讨厌它!
扁平化传递了一个观点:界面就应该是这样-——一组 显示在平滑表面上的像素 ...这种说法尽管既准确又现代,不过人们意识到好像缺了点什么:少了些通过按下一个仿真“按钮”而不是触摸一个平面所获得的乐趣。
Windows手机尝试了这种大胆的形式(还非常漂亮),但这种“无趣”的感觉加上几乎没有足够的app支持让这个平台加速死亡。
显然,人们更喜欢欺骗自己。
扁平化使界面感觉离玻璃更近,但减少了好玩的趣味。
✦ 我们需要真实的“质感” ✦
谷歌在2014年对此做出回应,它推出了“ 原质化设计语言” (Material Design)。这个最终基于安卓的数字产品设计系统的一般原则是使用“层级”。它不再依赖于单纯的X和Y轴,而是又引入了Z轴的概念。
在卡片式设计的概念中,卡片作为其他界面元素(如按钮和表单)堆叠其上的载体。这对于灵气不在的扁平化iOS 7系统来说,是个不错的升级。增加“深度”让界面元素具备层次关系与设计目的。它还有助于我们更快地识别出它们是什么。投下阴影的按钮会比普通的按钮容易识别得多。
我们可以从侧面看到每个物体在Z轴上占有自己的空间。
原质化设计让一切更简单。
简单点儿说,原质化设计是一种混合物,它有着扁平和极简(卡片)的风格,还融合了从拟物化时代精炼出的关于“深度”的概念。设计师们不再试图把我们的界面伪装成是由木头、皮革或金属制成的。它就是用“数字”卡片制作的,不过自带一种空间感和深度感。
所以在某种程度上,它确实是前面两种风格的混合,保持着极简主义和信息清晰性,又增添了人们急需的“好玩”的元素。
因为它最初只基于安卓系统设计,所以我认为它并非一个完整的趋势,而是向前沿设计趋势发展的一个不错的过渡。在那个时期,这是一个非常有必要的过渡。
在拥抱扁平化的变革时,大多数app外观同质化的速度甚至越来越快
然而,原质化设计让人乏味得更快。
因为原质化设计语言有着有着严格、齐全的文档和易于遵循的原则,毫无疑问,很快它就在整个安卓系统中被完全采用。
因为有着有限的选择(除了颜色,你真的没办法改变太多),这种设计很快就令人厌倦。它在两年多的时间里变得非常乏味,谷歌公司更新了它,把“好玩”和能形成差异化的元素包含在内。现在你可以添加各种装饰和奇怪的角度,使你的产品在原则之内更具备属于你自己的差异化特质。
不过这没有多大帮助...
现代化设计(Modern design)- 如何使材质更“亲切”
✦ Dribbble来力挽狂澜 ✦
现在我们几乎无法知道到底是哪个dribbble上的设计师在2016年左右开创了“现代化设计”(Modern design)的潮流。
当然,最初它只是一个为得到更多点赞和关注的设计方案,不过看看我们现在——它变得流行起来了。
通过引入柔和、多彩的阴影和曲线,它创造了一种带有某种积极的视觉氛围的app风格。它从原质化设计大量借用了分层的方式,但它将纯扁平的元素和显得“突出”的重要元素混合在一起。这比原质化设计中乏味的卡片重叠更赏心悦目。
随着iPhoneX的发布,现代化设计得到了改进,它将更大的圆角边框以及通常过于复杂的动效包含在内了。
✦ 下一个趋势是什么 ✦
我们已经用了近3年的时间来探索各种现代化设计,现在我们正面临这样一个处境:如果你在Dribbble上搜索一个“app”,你会发现99%的它们看起来都是一样的。
这个现代化的趋势虽然看起来不错,但我们却又陷入了同样的困境。
是时候让果冻软糖提前下岗了?
人们喜欢现代化设计,所以我们所有的设计中都坚持在光感渐变上使用柔和且彩色的阴影与粗体字。于是所有的设计又开始看起来一样了。
不过在Dribbble之外这个潮流过了一阵子才流行起来,毕竟做好真正的产品要困难一点。但最终这种同质化的情况也发生了,越来越多的app开始看起来一样,而有所不同的仅是它们选取的颜色。
✦ 新拟物化来了 ✦
我所说的新拟物化(New-Skeuomorphism)是一个会带来差异化的潜在趋势。它在现代化设计上有了进一步的超越,把一些伪3D元素带回来了,尽管它的纹理感和现实感都不如以前。
这些app一旦增添了三维的真实,就又会脱颖而出,再次让人感觉“新鲜”。
看看卷绕在卡片上的价格标签,还有按钮上非常细微的纹理。有一些额外的深度,但任何地方都没有什么过度的纹理感。
我认为这是一个更有可能的UI设计走向。毕竟人们热衷于自己骗自己,我们可能不会回到100%的扁平时代了。
不过,这里还存在一个非常科幻的选项。
✦ 可变形的屏幕 ✦
伪3D的界面效果自出现在平滑的玻璃表面之下以后,或许一直以来我们都没有用正确的方式去对待它?
要是我们能创造出某种流体/和触觉有关/具有T-1000能力的变型玻璃,它不但能真的在屏幕上构建立体的对象,而且还能让其稍微突出一些呢?接着,一个按钮就可以轻易地“出现”在现实中,在界面上还会呈现出保证视觉连续性的阴影。我们在按这个按钮时,不但能从触感,而且还能通过实际运动,感受到玻璃被按压着向下。
(译者注: T-1000 是《终结者》里的角色,由思想控制的液态记忆金属构成,是一个极其复杂的电子机体,全身可以随意变形。)
如果玻璃可以被三维的UI元素挤着向外弯曲会怎样?
平面光滑的屏幕上有了能进行物理变形的键盘,这样的变化肯定会提升打字技术。
但在此之前,我们可能会经历几次全新的趋势(和一些熟悉的趋势)。