经验 | 互联网设计圈大盘点：回顾2018 展望2019

正文

hey， guys~  好久没发文了，感谢各位的不离不弃~

不知不觉2018 已经过去，大家当初立下的Flag是否已经完成？如果完成了，那么建议你进行一下知识体系的复盘，看看自己有多少收获 ~

去年年终在各平台发布了一篇 《不可不看的 2018UI设计趋势》 ，预估收获了至少15W+ 的阅读量 ( 含大号转载)，也正是这篇文章让我有继续产出的动力，很感谢大家对我的支持 ~ 如今再回头看那篇文章，有些观点写的还不够深入，也可能是这一年有所成长；本篇文章是对2018的回顾和对2019的展望，希望对你有所帮助；

(本文超 8000字，预计阅读时长20分钟， Please be patient)

前一段时间关于“2019 的设计趋势”这类文章相信大家已经被刷屏了，写的都很棒，对 2019预计会流行的设计趋势进行了系统的总结，所以本文只进行一些个人观点的补充，以避免重复；OK ，那就言归正传，还是老规矩先看一下整体的目录：

( 文中配图来源于网络，仅作为设计交流使用，侵删)

流行设计趋势一览

2018流行了哪些设计风格？ 2019又将有哪些设计趋势？

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

极简主义这种风格已经流行了很多年，追求Less is more 的理念，设计上追求极简和留白，拒绝奢华，减少视觉上的干扰，让用户得以聚焦内容本身；这一理念深深影响着设计行业的各个领域，尤其是在家居和服饰等流域，这种设计给人带来一种舒适、简单的生活感受；

这一风格MUJI 最具代表性，设计风格简洁时尚，提倡简约、自然、富质感的生活哲学，配色柔和、舒适、小清新，故深受年轻消费者的追随和喜爱；不过目前MUJI 在中国的市场份额急剧下降，因为目前国内网易严选、淘宝心选、小米有品、名创优品等品牌也在走这种精品电商的路线，都是对应了同一类型的目标用户，所以竞争相当激烈；

2. 扁平化

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

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

iOS 11 的发布引领了2018App的设计潮流，大标题、大字体的设计变得很常见，不单单在 UI设计上，还有在网页设计和品牌包装设计中也变得很常见；但在电商产品中这种设计很少，因为电商的页面空间寸土寸金，不会轻易浪费； 预测这种风格在2019年还会继续流行，但是估计随着时间的推移，相信大标题设计未来会逐渐淡去；

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

弱化分割线或去掉分割线的使用，用大间距留白效果来构筑空间，打造出清新自然的界面；另外加大文字大小和色彩的对比，带来优雅舒适的界面阅读体验，这也是未来 UI设计的趋势；但是去掉线条不代表没有边界， 交互上要注意点击状态下(Pressed)点击区域的可视性，这一点比较容易被忽视；

另外，去年卡片加投影的设计手法十分常见，这种手法能够清晰的体现出层级关系，能给设计增加深度，但是在开发过程中 ，投影的实现开发成本高、效果不理想，建议酌情使用；

4.icon 的细节刻画

相信大家都知道，icon 的种类有： 线性icon、面性icon、填充icon、扁平icon、轴测icon(2.5D icon)、拟物icon、微拟物icon、实物icon等； 主要应用于导航栏、标签栏、金刚区、宫格导航、列表导航等位置；

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

另外在icon 上加动效也比较常见了，更有甚者还加上了音效，相信这在2019年也会继续流行；

5. 插画风格

去年最火的风格当属插画无疑了，广泛应用于App 中的启动页、缺省页、banner图、专题头图、弹窗插画、 icon等，插画配色丰富，比图片更容易出效果，运用时要和App 的整体风格搭配；有趣味、富有创意的插画会让用户对产品的好感大幅提升；

插画的种类很多，去年最流行的还属 手绘插画、扁平插画、渐变插画、肌理插画、2.5D插画； 从事UI和视觉设计的小伙伴有必要多掌握一门技艺了，相信插画风格在 2019年依旧还会十分流行；

去年还常见到一些线条插画和实物结合的手法，具有趣味和创意感，脑洞十足；

6. 色彩渐变

渐变色的使用已经流行两年有余，在2019 年依旧是大热的趋势，和MUJI风完全不同的是，渐变色风格色调使用上有 冷暖色调渐变、同色系渐变、大胆的多色渐变等， 风格多样、颜色丰富明快，在电商设计中使用这种手法比较能突出节日的热闹氛围，刺激用户的购买欲； 另外流体渐变的设计手法也十分流行，常作为设计点缀配合使用，在电商设计中十分常见；

金属幻彩渐变去年貌似也很流行，类似光折射在金属上产生的彩色光晕效果，记得新发布的ViVo X23 手机背面就是采用这种渐变，十分具有时尚感，故而比较吸引年轻消费者；

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

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

( 配图来源于ColorOS)

8. 年轻、大胆的配色

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

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

Shutterstock 也发布了一组2019年度流行色： UFO Green、Plastic Pink、Proton Purple， 另外它还针对各个国家发布了带有地域特色的代表色，有兴趣的就去百度搜一下吧，这些配色大家在做设计练习的时候不妨多多使用；

9. 字体效果处理

• 字体错层手法

这种手法常见于banner 中的字体处理上，将设计好的字体使用蒙版和渐变处理，看起来像是字与字之间形成了投影；同样也可以在字的笔画上进行处理，这种手法加强了层级关系和层次感，主题变得更加突出；

• 油漆字风格

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

还有一种使用C4D 制作的油漆字效果，也十分时尚前卫、年轻化，线下看见OPPO R15 新机发布时就使用了这一效果，让人一看就有想买的冲动；

10. 故障风

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

顺便安利各位一个制作故障风的网站： https://photomosh.com，自己动手试一试吧~

另外 波普风格、蒸汽波风格、剪纸风格、NOD风格、欧普风格 等设计手法也经常可以看见，这些风格基本每年都会有，这里就不多说了；

11. 双重曝光风格

这种风格源于摄影手法，最近两年看到很多使用双重曝光的手法来处理海报，通过将两个主体叠加在一起，产生一种更有深意的视觉感受；比如将人脸和自然风景结合，给人一种意境优美、虚无缥缈的感觉，十分引人入胜；

12.C4D 风格

今年 C4D的流行度相信大家都已经有所感受，其在视觉设计方面的使用相当广泛，无论是线上线下的活动海报、还是品牌营销和宣传等方面，都能看见这一风格，商业化设计中运用十分广泛；

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

13. 多使用线条

点、线、面是平面视觉设计的基本元素，也是永远不会过时的设计元素；去年在视觉设计中经常可以看见线条的使用，整体给人的感受是 动感、现代、时尚，线条的走向引导着视觉的走向， 很多大牌设计中也运用了这一手法，比如 2018天猫双十一设计中也用到了，不妨在你的设计中也试试；

14. 动效设计/ 微交互

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

另外，结合陀螺仪、重力感应等，产生的动效也可以带给用户使用时的趣味性和惊喜感；

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

响应式设计一直是产品追求的、最好的体验设计，但是奈何人力、技术成本等因素限制，很多产品都没有花费大的精力去做；

要做好响应式设计，必须要结合栅格化设计，栅格化可以让你的设计变得有依据，同时也能提升工作效率；网络上关于如何使用栅格化的文章很多，需要学习的可以去搜索一下；

安利大家一个生成栅格的网站： http://grid.guide，可以设置总宽度、间距、列数、列宽等数值，再下载 png作为参照标准；当然最方便的还是 Sketch软件自带的这一功能，可在布局设置中直接设置；

16.VR/AR

VR/AR 近两年开始经常出现我们的视野中，在游戏领域出现频率较高，还有一些线下的营销活动也会使用这种技术；除了游戏、视频中使用外，在家居、服饰领域使用 AR进行体验，用户参与度较高，成效也十分显著；

17.VUI

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

18. 车载UI

去年似乎是造车热潮的一年，特斯拉、小鹏、蔚来、 FF、拜腾等一众新能源车相继问世，车载 UI设计也将会是一个新的设计门类，需要我们的时刻关注；

( 配图来源：虎嗅 )

和 GUI 不同的是，车载 UI 的设计需要注意以下几点：

• 屏幕大，触控区应该尽量在触手可及的位置，要缩短操作距离，操作要简单；

• 考虑到夜间驾驶的情况，所以屏幕色彩不宜太亮，不要干扰驾驶人的视线；

• 三秒原则：在三秒内给出用户操作反馈，可以是视觉也可以是听觉；

• 文字主次明显，遵循易扫原则；

• ICON 设计简洁，识别性要高；

• 多考虑使用场景，比如异常天气情况；

19.重视用户体验

什么是好的用户体验？周鸿伟说：当产品的功能超出用户预期就是好的用户体验；张小龙说： “ 简单而自然 ” ，就是不需要用户去思考就是好的用户体验；为什么都在重视用户体验？因为重视用户体验的产品未来一定会在市场占有一席之位；另外，市场环境在变化，用户体验行业也在发生着变化，不光是产品体验设计重要，还有线下体验设计、品牌体验设计和营销体验设计同样很重要，共同融合成一套完整的体验系统，这对用户会形成统一的品牌印象，这对产品的发展会有十分重要的积极作用；

当然，我们都知道用户不喜欢改变，因为人类大脑的容量不会一年年改变，虽然时代在变，但用户习惯不容易改变，遵循用户习惯进行设计当然是没错的，但是有更好的设计方案，并且改变能带来更好的用户体验，切不可因为用户习惯而拒绝改变；

20.营销H5

近年貌似营销 H5 很火热，尤其是网易的 H5 做的可谓是行业标杆，出产的每一个 H5 基本都会被刷屏；前两年的 H5 设计上，希望能够充分调动用户的参与感，会设计许多互动模式，而现在 H5 对用户来说比较常见了，更偏向于让用户直接浏览，参与感越来越少了，因为用户是越来越懒了，那如何吸引到用户？这就需要结合当下节日、热点、网络热度词汇等，再配以或趣味、或潮酷、或温情的设计效果，希望引起用户的共鸣，用户才会主动帮助传播；所以现在趣味、有代入感的 H5 PV 一般都会很高；另外，能吸引眼球的文案也是裂变传播的有效手段；

互联网行业大事件枚举

1.各大品牌扎堆升级 换logo

今年很多大牌都进行了品牌升级，字体由衬线体变成无衬线体、英文字母小写变大写 … 开始变得趋同化，失去了品牌的历史感等已熟知的品牌认知；可能有人会觉得有的品牌升级很失败，但是换个角度去看，还是要去考虑企业本身本后的深意，我感觉品牌整体升级趋势是越来越 国际化、年轻化、现代感 了，在 logo 的升级上进行化繁为简，去掉多余装饰，品牌色也变得明快，这些改变在品牌文化和传播角度可能会更好，更顺应这个时代的发展趋势；

另外在品牌元素方面， 对辅助图形、颜色、字体等的设计也是十分关键一步， 让消费者看见品牌元素就能联想到品牌本身才是成功的设计，比如 BURBERRY 的图案、网易考拉的图案、腾讯自己的品牌字体等；

请到「今天看啥」查看全文