联系时代背景论述论述英国工艺美术运动的得失反对机械化生产提倡手工艺设计的原因。

来源：蜘蛛抓取(WebSpider) 时间：2018-07-10 17:26 标签： 论述工艺美术运动

在了解事物发展动向前，我从三个方面作为切入点，即从对过去艺术设计发展的分析找到到规律，对现在 UI 发展的分析找到不足 ，从而预判未来趋势。

准确预判行业趋势，是一件很难的事，所以这次趋势浅析仅为个人一家之言，分析表皮浅薄，各位看官权当茶余饭后故事看吧。

我们先看「趋势」的字面意思：事物发展的方向，表示一种向尚不明确的或只是模糊地制定的遥远的目标持续发展的总的运动。今天跟大家要聊的就是 UI设计发展的动向。

在了解事物发展动向前，我从三个方面作为切入点，即从对过去艺术设计发展的分析找到到规律，对现在 UI 发展的分析找到不足 ，从而预判未来趋势。

一、近现代艺术设计发展

阴影和层级：用阴影的深度来表达层级，并且有多个层级。

Z轴理念：场景立体化而不再局限于平面，增加信息纵深。

触摸波纹，流畅动画：有意义的动画指示。

卡片设计，自适应布局：应用卡片的设计理念对布局严格规范，而且布局可以灵活的自适应到任何设备中。

由于 iOS 12 没有太大的设计更新，我们主要看 iOS 11，应用大量的圆角卡片式设计，大面积的背景图，效果冲击力更强，点击欲望也更强了，页面加入超大标题栏字体，这跟以前的小字号细字体有很大的区别，阴影也是比较高级的大阴影。

圆角卡片，大标题，大阴影：透气的大图片背景，清晰的文字阅读层级。

线性元素向面性进化：线形图标改变成了面形，阴影替代描边，不单单是图标，现在碎片信息越来越多，越来越需要归纳；零碎的线逐渐要往更整体的面过度。

微软去年推出的设计语言中文名：流畅设计体系，集各家所长，在 UI 美学上它更是大有进步，系统包含以上五大核心元素：光线、深度、动效、材质和缩放。

光线Light：通过光线的运营，界面更有质感，更加未来感。

深度Depth：运用深度理念，可以构造出很多视觉效果，如视差、前后变换、空间运动等。

动效Motion：不言而喻，动效使页面更加流畅，也更具观赏性。

材质Material：在界面中赋予材质，如毛玻璃、亚克力这样的高层次的组合效果，使整个页面很高级。

缩放Scale：Fluent Design System 主要目的是一次设计，就可以用于 0D（只有语音）、1D（Surface Dial）、2D（UI）、3D（VR/AR）的种种情况；所以伸缩性比其他 UI设计语言都要更重要，尤其是在 VR/AR 设备上，未来应用潜力巨大。

三、现今趋势：扁平化就应该仅仅是扁平吗？

现在回答前文的第一个问题，通过对三大系统的分析 ，我们发现各大互联网公司都不再拘泥于扁平，都在尝试新的设计形式去反对扁平，这些反对形式，也是现在最盛行的设计趋势。下面我们看看有哪些形式：

如果让一张页面不再扁平，我觉得最快最直接方法就是增加纵深，把重要信息凸显出来。增加纵深的常用手段：

越来越多的设计师为卡片、按钮增加大阴影，来突出层级。

打破扁平，增加立体，三维元素在界面中越来越多的得到运用。

动效视差越来越被设计师所重视。

实用动画，诠释功能；观赏动画，缓冲用户等待焦虑。

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

通过不同材质的运用，打破扁平，苹果毛玻璃，微软亚克力材质，相信未来也会有更多材质加入。

极赋视觉层次感的页面设计不仅极具设计美感，取悦用户身心，而且还建立了清晰直观的视觉层级，方便用户简单快速的识别和读取需要的页面内容，从而提升用户体验，降低跳出率。

元素尺寸越大，越突出，越容易吸引用户的注意；不过尺寸大小也要有度，控制在用户能够接受的范围内，Airbnb 和苹果大字号运用就比较得当。

利用颜色的强烈对比，突出页面层级。

留白的巧妙运用，能够非常有效地突出页面信息。而页面内部元素之间，保持适当的间距，让彼此之间的相互联系而不「拥挤杂乱」，也是吸引用户注意的不错策略。

四、未来趋势：扁平化之后应该是什么化？

回答这个问题前，我觉得大家有必要先畅想一下未来的生活方式和社会形势，我们先看个短片。

通过短片我们发现，未来科技的迅速发展人们设计审美更加提高，随处都是屏幕，信息更加繁杂，动效得到普及，人文关怀愈加重要，各种技术的普及，更多设计形式出现，全息投影也会加以运用。

所以我们暂且把扁平化后的设计潮流取名为：后扁平化&多媒体化。

那么它有什么风格特点呢？个人认为会有如下几点：

扁平化仍将主宰，但更加抽象简约

以上为本人对于 UI设计趋势的一些感悟的分享，分析不够全面也不够深刻，欢迎大家留言一起探讨


我要回帖

更多关于 论述工艺美术运动 的文章

 

随机推荐