时尚混搭插画2019UI设计发布趋势，看看自己有多少冗余收获~

不知不觉2018已经过去，大家以前立下的Flag是否即将完成？假如完成了，那么建议你进行一下知识体系的预判，看看自己有多少收获~

最近公布了一篇《2019UI设计公布趋势》，对2019预计会流行的设计趋势进行了平台的小结，也正是这篇文章让我有再次产出的动力，很谢谢你们对我的支持~目前再回头看那篇文章，有些看法写的还不够深入，也或许是这一年有所成长；先看一下整体的目录：

(文中配图来源转载于网络，仅成为设计交流使用)

流行设计趋势一览

2018流行了这些设计样式？2019又将有什么设计趋势？

1.极简主义/MUJI风格(性冷淡风格)

极简主义这样风格早已流行了这些年，追求Lessismore的观念，设计上讲求精致和留白，拒绝高档，减少视觉上的干扰，让用户得以聚焦内容原本；这一模式深深影响着设计产业的各个领域，尤其是在家居和服装等流域，这种设计给人增添一种时尚、简单的生活体验；

这一风格MUJI最具代表性，设计样式简单优雅，提倡复古、自然、富质感的生活美学，配色柔和、舒适、小简约，故受到年轻消费者的跟随和喜爱；只是现在MUJI在美国的行业营收大幅增加，因为现在中国网易严选、淘宝心选、小米有品、名创优品等品类也在走这些精品电商的路线，都是对应了同一种类的目标用户，所以竞争非常激烈；

2.扁平化

扁平化设计也备受极简主义的制约，去除冗余、厚重和繁琐的装饰效果，倡导简单、清晰、空间、留白等，突出核心的设计元素仍然是扁平化的设计核心，已经流行多年，相信你们都很熟悉了，就不多赘述了，这种设计样式在2019势必依旧会流行；只是2017年微软推出了流畅设计模式(FluentDesignSystem)，包含五大核心元素：光线、深度、动效、材质和缩放，拓展了UI的设计维度，营造出空间感、3D立体感、未来感，这种样式有别于扁平化，相信会在将来的设计趋势中注入新的血液；

3.大标题+大圆角+去线化+留白+投影

iOS11的公布引领了2018App的设计时尚，大标题、大字体的设计更加很常见，不单单在UI设计上，还有在网站设计和品类包装设计中也更加很常见；但在电商产品中这些设计很少，因为电商的页面空间寸土寸金，不会随意浪费；分析这些风格在2019年就会再次流行，但是据说随着时间的推移，相信大标题设计将来会逐渐淡去；

大圆角的使用在UI设计中也非常常见，人的大脑对方形和弧形矩形接受程度比直角梯形高，所以圆角的使用对客户来说非常友好，内容也更容易聚焦；比如现在微信7.0更新，也将头像的直角改为了圆角；

弱化分割线或去除分割线的使用，用大宽度留白效果来构建空间，打造出精致自然的界面；此外加强文字大小和颜色的对比，带来精致优雅的界面阅读感受，这只是今后UI设计的态势；然而除去线条不代表没有界限，交互上要留意点击状态下(Pressed)点击区域的可视性，这一点非常容易被忽略；

此外，去年卡片加投影的设计技巧非常常用，这种手法无法清晰的彰显出层级关系，能给设计提高深度，但是在研发过程中，投影的推动研发成本高、效果不理想，建议酌情使用；

4.icon的细节刻画

相信你们都清楚，icon的类型有：线性icon、面性icon、填充icon、扁平icon、轴测icon(2.5Dicon)、拟物icon、微拟物icon、实物icon等；主要应用于导航栏、标签栏、金刚区、宫格导航、列表导航等位置；

和以前单调的在面性icon上做底色渐变等效果不同的是，去年在icon的设计中对细节的塑造会愈发越重视，比如用颜色的配色和明度对比来体现icon的层次、颜色的透明度叠加效果等；再例如微拟物icon，通过模拟真实物体的触感、细节、光亮等体现手法，icon的识别度会更加更高，再结合明亮的搭配，icon会显得非常真实；实物icon则是在生鲜类电商中利用的非常多，除了识别性最高之外，也可以直观地传达出商品的新鲜度；

此外在icon上加动效也非常常用了，更有甚者还加上了音效，相信这在2019年也会再次流行；

5.插画风格

今年最火的混搭当属插画无疑了，广泛应用于App中的开启页、缺省页、banner图、专题头图、弹窗插画、icon等，插画配色丰富，比照片更易于出效果，运用时要和App的整体色调搭配；有趣味、富有时尚的绘画会让顾客对产品的好感大幅提高；

插画的类型众多，去年最流行的还属手绘插画、扁平插画、渐变插画、肌理插画、2.5D插画；从事UI和视觉设计的小伙伴有必要多掌握一门手艺了，相信插画风格在2019年仍然都会非常流行；

今年还常看到一些线条绘画和实物结合的技巧，具有童趣和时尚感，脑洞十足；

6.色彩渐变

渐变色的使用早已流行两年有余，在2019年仍然是大热的态势，和MUJI风完全不同的是，渐变色风格色彩使用上有冷暖色调渐变、同色系渐变、大胆的多色渐变等，风格多样、颜色丰富明快，在电商设计中使用这些技巧非常能突显节日的热闹气氛时尚混搭插画，刺激用户的购买欲；此外流体渐变的设计手法也非常流行，常成为设计点缀配合使用，在电商设计中非常常见；

金属幻彩渐变去年虽然也很流行，类似光折射在金属上形成的黑白光晕效果，记得新发布的VivoX23手机正面就是运用这些渐变，十分具有创意感，故而非常吸引年轻消费者；

7.渐变色新趋势:柔和渐变

得益于全面屏手机的演进，追求无边界设计模式，柔和渐变风格主张让颜色自然延展，打破界限限制，用色彩牵引视觉走向，更加轻量化，让灵魂获得一份单纯；

(配图来源于ColorOS)

8.年轻、大胆的配色

去年视觉设计上的用色开始更加越来越大胆了，高纯度、高饱和度搭配的使用越来越多，更加年轻化、时尚、更有触觉冲击力的配色，对年轻人来说接受度也非常高；

上个月权威色彩机构潘通Pantone公布了2019年的年度代表色：珊瑚橘(PANTONE16-1546LivingCoral)，这款颜色热情、积极、富有朝气，势必会变成今年的流行色；

9.字体效果处理

a.字体错层手法

这些手法常见于banner中的图标处理上，将设计好的图标使用滤镜和渐变处理，看上去像是字与字之间产生了投影；相同也可以在字的笔画上进行处理，这种技巧增强了层级关系和层次感，主题显得非常突显；

b.油漆字风格

今年比较火的综艺节目《这就是街舞》就是使用了油漆字的字体处理手法，这种属于赛博朋克风格，以蓝、绿、紫冷色调为主，视觉冲击力极强，十分符合现今年轻人的审美口味；

也有一种使用C4D制作的油漆字效果，也非常舒适前卫、年轻化，线下看到OPPOR15新机发布时就使用了这一效果，让人一看就有想买的冲动；

10.故障风

得益于抖音的火热，故障风在去年也非常流行，错位、失真、变形是这一样式的传统，另外留给人的觉得就是个性、年轻、酷，有的还搭配有霓虹等元素，配以动效的话更能出效果，十分符合现今年轻人的审美，在海报设计和电商设计中用的非常多，网络上关于这类教程蛮多的，感兴趣的可以搜来学习一下；

此外波普风格、蒸汽波风格、剪纸风格、NOD风格、欧普风格等设计技巧也常常可以看到，这些风格基本每年还会有，这里就不多说了；

11.双重曝光风格

这些风格源于摄影技巧，最近两年看到这些使用双重曝光的技巧来处理海报，通过将两个主体叠加在一起，产生一种更有深意的触觉体验；例如将人脸和自然风景结合，给人一种诗意优美、虚无飘渺的觉得，十分引人入胜；

12.C4D风格

去年C4D的流行度相信你们都早已有所展现，其在视觉设计方面的使用非常广泛，无论是线上线下的活动海报、还是品牌营销和宣传等方面，都能看到这一样式，商业化设计中采用非常广泛；

也有一些C4D作品结合孟菲斯等样式，混搭出来的效果也很棒；我身边这些做视觉的同学也纷纷开始学习它了，你还不行动出来？

13.多使用线条

点、线、面是平面视觉设计的基本元素，也是永远不会落伍的设计元素；今年在视觉设计中常常可以看到色块的使用，整体给人的体验是动感、现代、时尚，线条的走向引导着视觉的步入，很多大牌设计中也采用了这一手法时尚混搭插画，比如2018天猫双11设计中也用到了，不妨在你的设计中也试试；

14.动效设计/微交互

动效设计的重要性不言而喻，每一年都很流行，使用也很广泛，在App、网页、插画或是品牌设计中都非常常用，它的几点特征：快速且顺畅、恰到好处的反馈、提升操作体验、提供良好的触觉效果，好的动效会给产品加分；

此外，结合陀螺仪、重力感应等，产生的动效也可以带来用户使用时的创意性和惊喜感；

15.响应式设计/栅格化设计

响应式设计仍然是产品所追求的、最好的感受设计，但是奈何人力、技术费用等原因限制，很多产品都没有花费大的精力去做；

要做好响应式设计，必需要结合栅格化设计，栅格化可以让你的设计更加有根据，同时也能提高工作强度；网络上关于怎么使用栅格化的文章众多，需要学习的可以去搜索一下；

16.VR/AR

VR/AR近十年开始一直发生我们的视线中，在游戏领域发生频率较高，还有一些线下的营销活动也会使用这些科技；比如游戏、视频中使用外，在家居、服饰领域使用AR进行感受，用户参与度较高，成效也非常明显；

17.VUI

VUI指的是人借助对话与计算机进行交互，从Siri、Amazonecho、Googlehome、小冰、小爱同学、天猫精灵等发展来看，VUI是最自然也有最省事的交互模式，解放了双手，但是还不能做到很智能，目前还不会完全替代GUI，而是更好的协作；

18.车载UI

今年其实是造车热潮的一年，特斯拉、小鹏、蔚来、FF、拜腾等一众新能源车陆续诞生，车载UI设计也即将是一个新的设计门类，需要我们的时刻关注；