从过去到未来,用户界面设计趋势分析

2020年10月18日17:04:54 发表评论 2 次浏览

从过去到未来,用户界面设计趋势分析

准确预测行业趋势是非常困难的,所以这个趋势分析只是个人陈述,分析比较肤浅,吃完饭再看故事吧。我们先来看一下“趋势”的字面意思:事物发展的方向,指的是朝着不明确或者只是模糊表述的遥远目标继续发展的一般运动。今想和大家说的是UI设计的发展趋势。

了解事物的发展趋势之前,我以个方面为出发点,即从过去的艺术设计发展到规律的分析,从当前UI发展的分析中找出不足,从而预测未来的趋势。

一,现代艺术设计的发展

1.现代艺术的发展

现代艺术的发展主要是由几大设计潮流引领的,有以下几个关系:古典时期、巴克洛可可时期、新古典时期。

(1)古典时期

其艺术风格严谨求实,追求构图的平完整,强调理性而轻视情感,纯典雅,和谐稳定。

(2)巴洛克洛可可时期

巴洛克:风格多变、动感、不规则、宏大、奢华;洛可可:致、巧、迷人、浮华、人造。不再纯粹,开始反对古典条。

(3)新古典时期

艺术形式是对巴洛克洛可可艺术的反对,它重新追求古典,追求内涵,强调构图的合理性和整性,以简洁的形式追求雅的气质

2.现代设计的发展

现代设计的发展有几个主要节点:工艺美术运动、现代主义和后现代主义。

19世纪下半叶,一场设计进运动起源于英,进入近代;工业革命后,大规模工业生产导致设计标准急剧下降。设计师实在受不了了,开始了工艺美术运动。为什么从工业艺术运动开始?因为它是现代设计的开端,承上启下,对后世影响深远。

(1)工艺美术运动

艺术特色强调手工艺制作,反对机械化生产,反对矫揉造作等古典和传统复兴风格,崇尚中世纪风格,崇尚诚实的设计,注重简约、朴素和良的风格,崇尚自然主义和方风格。

(2)现代主义

打破传统,打破设计为强者服务的立场,民主化设计,在形式上提倡简单的几何造型而不装饰,极度简化设计,提倡少即是多,在形式上遵循功能,提倡理性设计。

(3)后现代主义

它崇尚多元化的设计,不规则性,各种思维方式的艺术表,至少是厌倦,反理性,重形式,重历史文脉。

(4)总结

通过对以上设计趋势的分析,我们发现艺术发展其实是一个继承、否定、再发展的过程。当初以模仿写实为主。模仿现实主义发展到极致后,自然有人抛弃和反对,逐渐开始寻求突破,形成新的潮流。但是,当这种新潮流成为主流(以前被认为非主流)的时候;自然有人会出来反对这种趋势,然后继承发展。

二、当前用户界面设计的发展

21世纪,随着会发展和技术进步,信息软件产业逐渐兴起。在这里,我要感谢乔给了我们一个饭碗。是苹果的设计让世界关注用户体验和UI设计。以前大家都叫艺术家...

1.准物化设计

早期的UI设计都是准物化设计,风格特点:模拟实物体的材质、纹理、细节、亮度等。交互也模拟了现实中的交互模式,学习成本低,有人性化的感受。缺点:拟物化本身就是一种约束,会限制功能本身的设计。

2.平面设计

大家看准物化设计是不是很像古典主义和工业革命的开始。喜欢模拟现实,注重设计诚信;但是随着人们对审美的厌倦,肯定会出现一种设计潮流,就是吸收了他的髓之后的扁平化设计。

扁平化有很多好处:去除了界面冗的装饰效果,“信息”本身再次凸显为核心,设计元素强调抽象、极简、符号化,设计更简单,规定明确;缺点:需要一定的学习成本,传达的感情不丰富,甚至过于冷淡。

比如最早的平板设计之一就是微软的芒果MetroUI;大家都觉得扁平化效果不太好。平面设计和现代主义很像,崇尚极简冷峻,所以要问两个问题:

扁平化应该只是扁平化吗?

扁平化后应该怎么

3.三种主要的设计语言

从过去到未来,用户界面设计趋势分析

  在回答这两个问题之前,我们先分析三个最有代表性的系统的最新设计语言。设计理念很重要,大部分设计趋势都是由这些理念驱动的。

3.1材料设计

中文名称:材质设计语言,谷歌推出的全新设计语言,引入了电子纸的隐喻。以前我们用纸获取信息,现在用设备,其实就是电子纸。Google重新阐述了论文,除了平坦度,增加了很多新的特性。

3.1.1阴影和层次

级别用阴影的深度来表示,有多个级别。

3.1.2 Z轴概念

三维场景不再局限于平面,增加了信息的深度。

3.1.3触摸波纹,平滑动画

有意义的动画说明。

3.1.4卡设计和自适应布局

应用卡的设计理念严格规定布局,布局可以灵活适应任何设备。

3.2 iOS

由于IOS12没有太多的设计更新,我们主要看IOS11,应用了大量的圆角卡设计,背景图像大,冲击力更强,点击欲望更强。页面添加了超大标题栏字体,与之前的字号、细字体有很大区别,阴影也是比较高级的大阴影。

3.2.1圆角卡,大标题大阴影

透气大图背景,文字阅读水平晰。

3.2.2线性元素演变为平面

线性图标已经变成了表面形状,阴影代替了笔画,而不仅仅是图标。现在碎片信息来越多,越来越需要总结;支离破碎的线在逐渐走向一个更整体的表面。

3.3流畅的设计系统

微软去年推出的设计语言的中文名字:流畅的设计系统,融合了各家的处,在UI审美上有了足的进步。系统包括以上个核心要素:光、深度、动态效果、材质、缩放。

3.3.1光线

通过灯光的操作,界面更有质感,更有未来感。

3.3.2深度

用深度的概念,可以构建很多视觉效果,比如视差、前后变换、空间运动等等。

3.3.3动态运动

不用说,动画让页面更流畅,更享受。

3.3.4材料

在界面上,磨砂玻璃、克力等材质被赋予高级组合效果,使得整个页面非常高级。

3.3.5缩放比例

Fluent Design System的主要目的是设计一次,可以用在0D(仅限语音)、1D(表面拨号)、2D(UI)、3D(VR/AR)。因此,可扩展性比其他UI设计语言更重要,尤其是在VR/AR设备上,未来应用潜力巨大。

按照Fluent设计系统的设计理念设计出来的UI界面的很棒!

三、现在的趋势:扁平化应该只是扁平化吗?

现在来回答上面提到的一个问题,通过对三大体系的分析,我们发现各大互联公司不再拘泥于扁平化,而是在尝试新的设计形式来反对扁平化,这也是目前最流行的设计趋势。让我们看看表格:

1.深度

如果一个页面不再平坦,我觉得最快最直接的方法就是增加深度,突出重要信息。增加深度的常用方法:

①大阴影

越来越多的设计师在卡片和按钮上添加大阴影来突出层次结构。

(2)三维

破平,增立体,界面越来越多地使用三维元素。

2.活动

动态视差越来越受到设计师的重视。

(1)过渡动画

实用动画,解读功能;看动画缓冲用户的等待焦虑。

(2)重力视差

视差动画结合重力感应,让用户身临其境。

3.材料

通过不材质的使用,碎平,苹果磨砂玻璃,微软克力材质,相信以后还会添加更多的材质。

4.等级制度

具有视觉层次感的页面设计不仅设计美观,让用户身心愉悦,而且建立了清晰直观的视觉层次,方便用户简单快捷地识别和阅读所需的页面内容,从而提高用户体验,降低跳出率。

(1)尺寸比较

元素尺寸越大,越突出,越容易吸引用户的注意力。但是大小要限制,控制在用户可以接受的范围内,这样airbnb和苹果的大字号都可以适当使用。

(2)色对比

使用强烈的色对比来突出页面层次。

(3)以适当的间隔留出空间

的巧妙运用可以非常有效的突出页面信息。保持页面中元素之间适当的间距也是吸引用户注意力的好策略,这样他们就可以相互联系而不会“拥挤和凌乱”。

4.未来趋势:扁平化后应该怎么

未来科技飞发展,人们的设计审美会提高,屏幕会处不在,信息会更复杂,动态效果会及,人文关怀会更重要,各种技术会普及,设计形式会出现更多,全息投影也会被使用。

因此,目前我们将扁平化后的设计趋势定义为:后扁平化& amp多媒体。

么它的风格特点是什么?个人认为会有以下几点:

扁平化还是会占主导,但是更抽象简单

信息

人文关怀

动态效果推广

多元化设计

虚拟全息三维投影的应用

谢谢,以上是我对UI设计趋势的一些感悟分享,分析不够全面和深刻。欢迎留言一起讨论~

黑卡在相关阅读阶段的功能分析:如何提高黑卡的功能普及率?

本文对舞音乐App做了简单的探索,通过对产品功能的体验分析,总结提炼出一些提高音乐黑卡功能普及率的思路。希望能给你一些启发。

从小5G和华为Mate30发布会看设计趋势

刚刚结束的小米5G发布会和华为Mate30发布会给我来了很多震撼。无论是小米的环绕屏还是华为的曲屏,都暗示着交互设计或者

技术推向北方,分析线上口碑的创造

互联网口碑建设是指在品牌建设过程中将口碑与网络相结合的网络宣传模式。传统的口碑创造,企业通常需要费大量的精力和

淘宝网店开业有哪些发展趋势?

才几天就在淘宝开店了。终于,旺旺响了。看到了就冲一个钻90,冲两个钻150,联系QQ……...失望到想砸电脑!终于两个月过去了,依然很少有人问津

不仅仅是美:信息平面设计分析

喝完可乐一小时内人们会有什么反应?随着中互联网的快速发展,一分钟内会发生什么?在美国大选中,特朗普和希拉里的支持率差距有多大

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: