当下流行的设计风格及趋势

这个时代每天都在飞速的发展着，人们的审美也是变幻莫测，关于设计的流行趋势，有的会很快消失，这也很正常的，什么时代流行什么元素风格，一直被新的东西取代，是一种很奇妙的变化。互联网时代，本来也是更新换代非常快的时代，人们都追求个性与独特，所以设计风格也是多变有趣的，人们对于新的事物，变化的事情，接受度和包容度是非常高的。我们可以选择的风格也多种多样，当然我们也可以去创造更不一样的风格。

所以就简单整理了一下当下设计的流行趋势。

1.多色轮润感渐变

以前渐变也有流行过，后来纯色的兴起逐渐又改了风向，这两年渐变风潮又吹回来，不同以往的是，渐变的围度从两色发展到了多色，色轮的跨度也是非常大胆，同饱和度且饱和度都非常高，圆润舒缓的形状，会让人整体感觉心情愉快。整体丰富又十分融合。

2.未来式科技感设计

未来式科技感，脑海中第一想到的就是电影里那种超高科技炫酷的技术，空中快速滚动的数字、脉冲光、外星人...随着电影技术的发展，这种设计形式也将引领一股潮流。目前一般在数据分析和高科技产品以及游戏的页面中用的比较多。

这种风格的设计，一般都用暗色的背景，来与前面饱和度高的元素进行强烈对比，除了主物体外，使用的元素尽量要精致，或可以有一种速度感，光效感，这样整个画面看起来很有科技感。

3.卡片与阴影相结合

以前在平面设计中，把要突出的产品增加一点阴影会让产品视觉更有深度和立体感。现如今在UI设计中也广泛使用，增加了阴影效果，会让页面更有层次，层级关系也更明确，背景与其它元素也一目了然，形成视差，更突出重点。

卡片布局，可以把同一类目的信息进行编组整和，使页面整体更简洁，并且方便阅读。同时也可以让视觉更有次序的组织相关信息部分，这种排版方式，会让内容（版式，空间，线，形状，图像和颜色)按照视觉层级去设计，加上轻量的投影，让卡片更立体，也更突出层级关系。会让用户有次序的浏览页面的信息，也能让用户感受到，你想给他传达的信息。

4.极简主义

提到极简风，第一反应就是留白，没什么东西。随着无印良品的兴起，以及近年来北欧风的影响，人们在看多了“复杂”之后，越来越偏爱极简风。关于UI页面，适当的留白会更突出想要展示的内容，可以结合少量的颜色和间距来强化核心内容。

对于一些功能型的页面来说，除了要考虑美观之外，更要考虑到使用的人群和使用的场景，不宜做太“复杂”的设计。除了信息展示条理清晰，还要具有引导性。更适合极简的设计风格，页面整洁，适当留白，去掉没有必要的装饰等等，用间距拉开一个节奏，突出信息内容本身，使用户感受更直观。

并不是说极简风就是什么也没有了，“留白”与“空白”还是有很大区别的。最难的就是留白的比例与整体的关系，要让整个页面有“呼吸”感，而不是让人觉得页面很空什么也没有，或者没做完的感觉。

5.赛博故障风

赛博朋克，又称数字朋克、网络叛客，以计算机或信息技术为主题，常与人工智能信息技术般虚拟存在，一般都以酷炫的蓝紫色为主，加上饱和度很高的强烈光感，与上面的未来科技风很相似，但在体现科技的同时，又故意错位，扭曲，破损等效果，让人觉得图像“损坏”了或没有完全加载完一样，这种“不完美”的数码感酷炫效果，就是近来流行的赛博故障风。

《这就是街舞》前期的宣传视频、倒计时海报、宣传海报、H5、节目字效、舞美等都是赛博故障风格，也加入了一些C4D的三维效果。不仅是海报，节目的舞美更是用赛博朋克的美学风格，打造中国风的街道舞台，将传统感与未来感完美融合，集未来科幻风与东方特色街区于一体。

天猫造物节，明日之子，中国有嘻哈，抖音等等，各平台的海报，都运用到了赛博故障风，这种张扬的调性，很能代表现代有个性的年轻人的性格：炫丽出众，喜欢表现自己，同时也有不完美。

6.立体主义

(01) 3D空间感
平面的视觉已经无法满足这个时代人们的审美了，这两年随着C4D的流行，三维立体的形式在设计中越来越有存在感，不过在手机与电脑的“平面的维度”里，页面与图像的呈现方式还是平面化的，这就要把握好三维与二维的结合，立体感的图像会让人有空间感，更体现出层次与深度。

色彩鲜艳，饱和度很高的颜色，加上3D的效果，会更加突出想要表达的中心内容，立体带有空间感的画面也更让人产生联想，一个场景往往比一个图片更吸引眼球。

(02) 2.5维伪立体
很火的游戏纪念碑谷用的视觉错乱是数学中的空间悖论，让人看起来又很有空间感的立体效果。使平面的画面，更加有视觉冲击力。这种风格，经常用在独立页面或者海报中，可以让画面过有空间感。

还有一些伪立体的方式，通过二维的透视，使人看起来不是平面的，虽然也不是立体的，所以是一种伪立体方式。还有上面提到的，增加强烈的阴影效果，也会让人视觉上看起来是立体的。

7.蒸汽波（镭射虹彩渐变）

蒸汽波风格与上面说到的赛博故障风有点像，区别是，赛博故障风营造的是一种，图像自己损坏的效果，而蒸汽波的图像，是“故意”破坏或者拼贴结合的效果。很多拼贴元素都包含了80年代复古风，看似没有规律的摆放，廉价的3D效果，像素化和低保真的图像，加上镭射渐变，混为一体。

随着渐变风的兴起，人们已经不满足于普通渐变的方式了，所以擂射彩虹的渐变更令人刺激，更充满时代潮流和不可预测的未来感。特别适用于当下的网络、娱乐、喜欢标新立异的年轻人们。

8.以文为本

ios11的更新，一波新的设计趋势也跟着流行起来。除了上面所说的卡片加阴影的运用，文字的排版也发生了巨大的变化，文字的排版影响着整体页面信息层级的节奏，通过文字的字号，字重，间距，颜色等方式，去建立清晰的层级关系。

大大的文字，是UI设计的一个趋势，它让人一目了然，从而逐渐影响到页面整体的大小。在banner，海报，广告中，也可以结合主体物使用。当没有图片可用，或是一个主题你找不到想用的图片来进行创作的时候，进行文字创意来当主视觉也是一个不错的选择。

这种方式可以和其它的设计方法混合使用，像最常见的手写体文字，切割风格文字，杂乱凌散的排版，与实物结合以及文字负形空间的运用方式等等，文字也是一种图形，可以想方设法地去让它出彩，应用到你的主画面中来，从2017年后半年就可以发现，好多设计，文字都是追求越来越大，大字体和巨幅标题将是一个新的趋势。

9.微动效和GIF

页面中除了立体效果，加入一些动态效果，也会让页面更加丰富有趣。一些操作加入了动效，会让使用者更有参与感，仿佛给了一个指令，会有一个过程的状态。

GIF动画在大家日常中已经很常见了，从表情包，视频截图，或是自己做的短帧小动画等等，现在好多APP的启动页也会做成动态的，虽然很短暂，但会让人眼前一亮。很多APP的底部icon也加上了微动效，这种动效不易被发现，它潜移默化的与使用者的行为在改变，但如果不小心看到会觉得很有意思，就会一直想点来点去。比如菜鸟裹裹、淘票票、QQ...QQ的底部icon最有意思，三个小图标，会随着你的点击，左右看来看去，长按住它还会随着你手指移动的方向，360度移动，这点做的很有心思。

当你对一个项目或者页面完全没有想法的时候，不防看一下最近的设计流行风格，从而去反推你的页面比较适合哪一类，或许你会很就有了新的想法。

其实流行的风格还有很多，关键还是要看怎么与自己的作品相结合，好的设计作品，好的设计风格或者流派会一直经久不衰，除非大众审美都同时在短时间内发生巨大改变。近几年一直在流行的设计风格还有很多，细数也数不过来。具体设计也要根据具体产品来选择设计风格。或者我们可以去开创新的风格来引领流行趋势。