2019年UI设计趋势分享

本次“2019年UI设计趋势分享”是整理“猎聘XID内部分享”做的一次整理，结合了国外大神及权威网站的观点及国内的实际情况，跟大家分享一下2019年的UI设计方向〜欢迎大家一起讨论〜

在UI设计的领域，都一直的英文科技与设计达到非比寻常影响相互推进的关系，步入智能机时代，设计与科技的关系显得更为密切，两者互相作用螺旋上升，每一次新技术的出现都会影响设计的方法和形式，而新的设计概念也会给技术研发带来灵感和新方向的探索。

从智能机时代开启以来，智能机变成了人们生活中不可或缺的一部分，有数据显示普通人每天平均要查看手机（激活屏幕或解锁）110次，平均每小时查看9次，所以很大上程度移动系统-设计对普通人UI审美的影响和引领是是不可忽视的。

2018年，以苹果，谷歌，微软为首的科技公司，在科技产品和UI设计上依然保持强大的影响力，基本引领着UI设计的前进方向。

纵观2018年国际市场，移动系统中iOS和Android几乎各占了半壁江山，PC市场则依然是MAC和Windos两家；

目前来看2019年这个阵容应该不会有太大的变化，而国内市场有趣的是，虽然很多手机厂商使用Android系统作为自家系统，但是在UI设计上都倾向于学习iOS的设计语言和风格，受“各方面”因素的影响；

国内对iOS系统的认可度远远高于Android的，所以在国内市场来看苹果的设计影响力是比谷歌要强大的多的。

分享前，我在想UI设计的趋势应该怎么来分析？要搞清楚UI设计的兴替趋势，不妨从这些年UI发展的历程入手来探寻UI设计未来的的发展方向。

回顾iOS系统的UI发展历程，从图中我们可以看到iOS系统设计语言的几次大的变化；

第一次是大的变化是iOS6到iOS7，从拟物的设计变成扁平设计，绝对算是一次革新式的设计更新；

在那之前设计师们都在遵循着苹果的拟物设计，追求更加真实的质感和光效，如何在有限的空间内模拟出真实的拟物效果，动辄几百张图层的超写实设计随处可见；

iOS7的到来冲击无疑是巨大的，一时间很多设计师还是不能接受这次转变的，吐槽新的系统设计太丑，扁平的设计太不精致，但是随着时间的推移，从iOS7到iOS9继续经历了几个版本的小幅度调整更新，大家对于新的设计语言的态度从接受到认可再到学习也没有用多久的时间。

这一次大的变化绝对不是设计师随意而为的，分析底层的原因，从拟物到扁平的设计，基于的英文用户在有了成熟的大屏幕智能机的使用习惯后（毕竟之前用户更多在使用实体按键，都不知道屏幕是可以点击互动的），不再需要那么拟物的设计来引导教育用户如何使用触屏手机了，苹果将拟物的设计更新成了更轻量和年轻的扁平设计。

第二次较大的变化发生在iOS10，在扁平的基础上，排版设计进行了较大的调整；

尤其集中在App stroe和苹果音乐等自家应用，还有工具栏这些地方，使用了更多的留白；

大标题，阴影，渐变，并且引入了更多的卡片式的语言，减少了线条的分割。

排版这次布局的变化引出相对照的英文基于在用户已经养成了成熟的APP使用习惯。

另一方面智能机大屏时代到来，iPhone变得越来越大，越来越长，屏占比越来越高，更多的用户抛弃了小屏手机；

对于手机屏幕的可用空间来说并不像以前那么局促，所以有了足够的空间可以使用留白，卡片，大标题这些元素来让页面更有节奏感和层级关系。

而且手机屏幕的分辨率和对色彩的解析度越来越强，也给的渐变色和高饱和度颜色创造了生存的条件。

在iOS的设计语言的演变过程中，我们可以清晰的看到每次设计改变的底层的原因及科技与设计相互影响发酵，在iOS的设计语言的影响下，很多的APP和设计师也都延伸出了自己的设计方向和风格。

2018至19年年我们可以从科技和用户的角度上归纳出许多关键词，包括越来越多的AR，VR应用，硬件继续移动化，Micro LED的普及，智能家居和汽车走进越来越多的家庭，生物识别和语音控制越来越多被使用；

移动土著们成长起来......这也就意味着UI设计在这些关键词的影响下必然也会发生相应的变化，苹果公司在17年的设计规范中就增加了AR设计的UI规范（感兴趣的同学可以自己去了解一下）；

想要拓宽自己设计能力的设计师也开始关注VUI的设计，更强大的LED显示可以让设计师应用更丰富的色彩等等... ...

这里就给大家单独拆出一些19年的UI设计趋势相关的关键词：

极简主义

是在UI设计扁平化以后一直延续至今的设计理念，无论是“ 别让我想想” 还是“奥卡姆剃刀定律”都在传递出“少即是多”的概念，19年相信极简主义还会继续流行。

大字标题

随着移动手机和iPad上的尺寸越来越大，全面屏或者大屏占比的手机越来越普遍，大字标题的设计语言在iOS10以后被苹果推出；

大家从好奇到理解然后学习应用，印象中第三方应用最早从“发现生活怎样”开始使用；

到18年可以看到越来越多的应用也加入了类似的设计语言，

大字标题给页面带来了更好的节奏感和空间感，并且大屏幕的空间也让设计师不再用担心屏幕因为大标题而放不下别的内容，相信19年这个风格会更加普遍。

不对称布局

在18年的设计中更多的出现在了很多网页的设计中，毕竟网页设计的尺寸更大，可发挥空间也更自由，可以更多的营造自己网站的氛围和气质。但是也不乏一些前卫的移动应用也开始使用了不对称布局，效果似乎还不错。（举例应用自如APP＆唯物APP ......）

3D元素

随着移动设备的处理性能越来越强大和C4D受到更多设计师的青睐，我们出了在运营活动中看到越来越多的3D元素意外；

在一些UI场景中也可以看到一些3D元素的身影和漂亮的立体转场

在未来的UI设计中，会不会有一些突破扁平和2.5D的设计再次出现并开始新的3DUI时代，是值得期待的一件事情。

双色调和渐变的持续演变

与设备处理性能一起与时俱进的还有越来越强的显示屏，更大的屏幕与更强的色彩及分辨率的表现能力；

可以让设计师有更多的发挥空间，从iOS10往后越来越多的渐变色调开始出现在UI设计当中并且一路演变；

许多人预测19年会出现更多的双色调渐变，无论渐变色彩怎么演变，19年渐变色一定还是会继续流行。

深色调的工具

可以说是19年工具类应用的一个必然的走势

首先是我们常用的素描推出了深色模式，然后在近期的Mac系统的更新中，也惊喜的出现了深色的模式，主打更专注和沉浸的工作理念，随后一大波工具类产品跟进，纷纷推出了深色模式，大有一种不出深色模式的工具类产品要被时代抛弃了的感觉；

19年必然会有更多的工具类的UI会推出自己的深色模式。

等距插画

已经流行了相当长一段时间，忽略物理透视的立体感，在纪念碑谷中被表现的淋漓尽致，当时这种风格似乎达到了顶峰，

19年等距插画肯定还会继续流行

但是传统的等距插画风格不免有些审美疲劳，未来怎么进行演变是需要设计师们认真思考的一个问题。

天然有机形状的插画

最早在网页端开始流行，以一种非几何的自然形状为基础，进行创作，后来陆续出现在了运营活动的设计和一些UI情感化的场景中，并且也延伸出了许多不同的风格变化。

现代中世纪插画风格

感觉基础与中世界插画风格很像，但是运用了大量的现代元素和色彩，这个风格的插画与等距插画和有机形状插画都有不同程度的交集，早期在谷歌的很多原生应用中都有出现，后来也延伸到了许多运营活动H5活动中。

微动效

在网站和APP设计中已经广泛的应用，很多美好的微交互的小细节都让我们印象深刻，微交互的细节不仅让用户好感度上升，往往还是左右用户是否选择关闭网页或者卸载APP的关键点在用户体验设计中。

微交互是一种以愉快和引人入胜的方式与用户积极的互动。

这些互动不仅让用户操作时可以得到友好的即时反馈; 还可以提醒用户，他们使用的不仅仅是冰冷的机器。相信随着移动设备性能的提升，未来的微动效中出现更多的3D元素我们也不会感到诧异。

情感化与微动效很多时候都是存在交集的，与微动效不同的是微动效更多提升用户对产品的好感度；

而情感化设计更多的会提升用户对品牌的认同感。情感化与微动效都会是各家产品成熟期打磨设计细节时更加注重的方向。

AR增强现实

iOS11中，苹果着重给大家讲解了苹果手机具备的强大的AR功能，随着时间的推移，苹果系统中已经自带了AR测距工具，第三方也推出了许多AR相关的应用或者游戏，AR相较于VR，对用户来说更加实用和便利，未来更多的APP必然会探索自己应用AR的场景。

VUI设计

UI的设计也是很多设计师关注的重点，从早期iOS的语音助手“ Siri ”冰冷的机械感到微软的语音助手“小娜”，再到现在国内厂家百花齐放的语音助手越来越智能和人性化，许多设计师开始关注VUI的设计，语音空着随着物联网的普及和智能汽车的普及慢慢进入千家万户，大有当初智能机开始普及的感觉，

2019年VUI设计会有越来越多的设计师参与也是必然的趋势。

最后

欢迎大家各抒己见一起探讨未来UI设计的发展方向〜

更多设计干货点击：

http://www.yanguosheji.com/h-col-107.html