边看综艺边学设计！从那些超火的综艺节目里学到的设计趋势

天气渐热，随着一档档节目进入宣发阶段，「综艺的夏天」即将到来，优秀的综艺人配上炫酷的舞台、视觉的包装，呈现给了观众高品质的节目效果，同一时刻，设计师们的设计小雷达也滴滴响不停，仿佛置身大型设计教学现场，恨不能把每一帧都截图收藏！

在新一波高质感综艺到来之际，让我们回顾一下往年的优秀选手，深入剖析综艺背后的设计吧～

乐队的夏天

波普风、赛博朋克、故障艺术、蒸汽波…

《乐队的夏天》值得一看的除了音乐，还有它别具一格的视觉包装与舞台效果。每一个画面片头，几乎都大胆的采用了波普艺术拼贴的手法，鲜艳的色彩、想象力爆表的画面以及有态度的文字，让它成为了19年同类型节目中最靓的崽！

△ 图片来源于网络

「 敲黑板划重点 」

关键词：夸张、视觉感强、写实主义，强烈夸张的颜色处理，具有游戏色彩。

波普风格在当下颇为流行，它作为一种艺术表现形式在20世纪50年代中期诞生于英国，又称「新写实主义」或「新达达主义」，它反对一切虚无主义思想，通过塑造夸张、强视觉感、比现实生活更典型的形象来表达一种实实在在的写实主义。波普艺术最主要的表现形式就是图形。《玛丽莲·梦露》是其最具代表性的作品。

△ 《玛丽莲·梦露双联画》是波普艺术的代表性作品

1. LOGO

以插画的形式，展现不同风格的LOGO，画面中融女人倒立跳水的姿势，并结合立体的舞台元素。复古的绿搭配上荧光黄，翠绿搭配上黑色背景形成强烈的反差感，用蓝色月紫色进行相撞，且每种颜色的明度深浅进行区分，背景通过一些小的点缀图案提升画面的活跃感。轻轻松松，一份优秀的色彩搭配指南即刻到手。

△ 图片来源于网络

△ GIF图 图片来源于网络

2. 画面片头

每一帧片头画面，几乎都采用了波普艺术拼贴的手法，以动态的形式将插画搭配实拍，使画面极具鲜活力，亢奋你的视觉神经。

△ GIF图 图片来源于网络

△ GIF图 图片来源于网络

△ GIF图 图片来源于网络

△ GIF图 图片来源于网络

复古拼接的波普艺术，将不同的人物进行拼贴，与节目的摇滚音乐的理念相契合。

△ 图片来源于网络

3. 节目视频设计故障艺术风

这种风格相信大家都不陌生，它产生于数据和数字设备的故障状态。电子设备的硬件、软件出现问题时，画面会显示破碎、有缺陷的图像，且颜色失真。

△ 图片来源于网络

4. 字幕-神奇的描边字

描边是一种强调元素结构的处理形式，给文字添加轮廓，或是在字底下叠加一层字，在不添加光影的前提下，仅通过线条就可以很好的勾勒出元素的结构并显示出立体的层次感。

△ 图片来源于网络

在文字上叠加纹理图片，视觉上偏重金属风格，能很好的与乐队文化相契合。这种表现手法在海报设计中也被广泛应用，如果需要设计一个炫酷而具有冲击力的文字时，这种立体纹理文字就能很好的满足需求。

高饱和度笔刷处理后的字体运用在乐队介绍中，营造出肆意奔放的视觉效果，配合摇滚乐队潇洒炸裂的酷炫气质，超有feel！

△ 图片来源于网络

这么多优秀案例该如何运用到我们日常设计中呢？快来进阶现实生活中的海报案例！

波普艺术

把现实生活中常见的事物，比如雪糕、鞋子、汉堡、盆栽等处理成波普风格的插画，以下几张作品是现代风和波普风相结合的成果，简洁的图形轮廓最是适合大胆的用色、丰富的形式以及多样化的图案纹理。

△ 作者：Mike Karolos，源自behance

不等宽描边

宽窄不等的描边，可以轻松的表现出元素的立体光影效果。与单纯的结构描边相弥补，这种处理形式更为自然，与作者偏复古的插画风格完全契合。

△ 作者：Paiheme，源自dribbble

多层描边

描边可以有很多层，犹如树木的年轮，这种处理方式能让文字产生强烈的图形属性，细节丰富，极具趣味感。

△ 作者：MUTI，源自dribbble

这！就是街舞

赛博朋克、霓虹灯…

《这！就是街舞》赛博故障风，视觉主色调是紫配蓝的暗冷色，搭配霓虹光感的对比色，年轻、时尚、充满个性和活力。配上海报的仰视视角，颇有「独一无二的王者」既视感。LOGO设计采用粗犷的涂鸦笔触样式，既暗示了街舞舞者的态度，又传达了街头感，节目主色调是中性的蓝紫渐变，同时兼顾了男性观众和女性观众的审美需求。

△ 图片来源于网络

「 敲黑板划重点 」

关键词：虚拟现实；人工智能；蓝紫暗冷色调为主，错位、拉伸、扭曲都反复出现

中国香港是全世界最具赛博朋克气质的城市。大量的传统中式灯笼、香港巨型广告牌、中国的路边小摊元素，这些都是赛博朋克的血脉，所以《这!就是街舞》的赛博朋克和中国风丝毫不违和，古典魅力和科技未感也能完美融合！

△ GIF图 图片来源于网络

1. 看海报

节目组倒计时海报运用3D立体渲染的视觉效果，将平面视觉以多维度的展现形式去呈现，海报整体延续主色调，保持色彩上的统一。

由此可联想到我们电商大促常用的节奏氛围——整体色调由冷色逐渐向暖色渐近。

△ 图片来源于网络

2. 看舞美

美术置景为节目专门搭建了一条街区，提供了更为接地气的视觉效果。四条街道分别是北京街、广州街、上海街、涂鸦街，对应着四种地域文化，为了还原街头的真实感，节目组还盖出了二楼，甚至架出上海特色的长杆晾衣架，北京则会挂灯笼。

广告植入的方式也很有创意，赞助商的名字都在街头广告牌上，这种植入方式合理又出效果。传统街舞通常是美式街头风，而这档节目独创的中式街头，堪称是一大突破。

△ 图片来源于网络

结合日常的智能家居操作界面或是云服务2.5D风格插画设计都可参考蓝、紫、青等色调，配合霓虹灯光感，体现产品高科技高品质的未来气质感。

△ 作者：Andri Budzinskiy，源自behance

中国新说唱

中国风、浮世绘、朋克……

《中国新说唱》狂放的美式线条加上背景的浮世绘，哪哪儿都透着那么一股「混沌风」的冲撞与融合。随之而来的几组制作人单人海报，也运用了传统元素--中国书法。

△ 图片来源于网络

1. 看海报

节目的海报以插画+黑白红色调相匹配，很酷很燃，很有嘻哈的调性，后期整个节目的设计也延续了这种插画+黑白红色调的风格，保持了一致性，节目在灯光、舞台设计上整体创新，融入各类中国风元素，在潮流的同时传递中国态度，令人耳目一新。

△ 图片来源于网络

2. 看字幕

节目中的字幕效果，撞色纹理文字的设计也很带感。

△ 图片来源于网络

3. 人物插画设计

投票统计的人物插画设计更有视觉美感，同时也保持整体设计的风格统一。

△ 图片来源于网络

这就是灌篮

赛博朋克风

《这就是灌篮》的视觉设计是比较明显的赛博朋克风，酷炫的场景搭建，霓虹灯效果，飘飞的发光铁丝，让人不禁大呼过瘾，充满热血和竞技感。

1. LOGO

LOGO使用了凸显质感的3D效果，进一步丰富了观众的视觉感受。又是赛博朋克，看来赛博朋克风格已经流行于各个领域。

△ 作者：keys，源自站酷

2. 场景设计

篮球框很好的与广告方天猫LOGO紧密联合，这一波营销无违和感。街区部分实景搭建建筑和街道上的涂鸦、二次元、路牌等元素混搭，完美复刻街头篮球style，整个灯光场景也是近几年流行的神秘梦幻紫搭配上科技感十足的蓝，进一步凸显节目的前卫时尚。

△ 图片来源于网络

3. 科技未来感十足的片头动画

△ 图片来源于网络

技巧篇

赛博朋克已然成为各大热门综艺都十分青睐的设计风格，让我们简单的来个实操技巧吧！

赛博朋克在视觉设计中的特点就是以蓝、紫、青等冷色调为主，霓虹灯光感效果为辅，最关键是画面冷暖色调的对比。赛博朋克风常运用于插图和摄影后期处理。

首先翻出你相册里压箱底的那张风景美拍，Ctrl+J复制一层，备份原图。

其次，执行滤镜—Camera RAW滤镜：我们将色温稍微降低一点，让画面呈现冷色调。因为原片灯光较多，整体偏亮，我们先把它适当降低曝光，再针对性的调整阴影、白色、以及黑色，最后再调整清晰度以及自然饱和度，这时就隐约有了赛博朋克的感觉。其中去除薄雾可以使画面更加通透，具体参数如图：

接下来，我想要画面呈现出具有对比效果的冷暖色调，赛博朋克风格的颜色尽量要花哨但有序。所以，我们现在调节色相、饱和度、明亮度。

将画面颜色进行修改，让红色更偏洋红，橙黄色向红色靠拢，蓝色紫色都趋近于青。这一步可根据个人对颜色的理解随意调整参数，具体参数如图：

最后，在相机校准栏里进行颜色处理。我们将部分色彩进行最后的统一调整，如图：

确定，随后建立一个曲线，轻微调整下整体对比度：

再加一层纯色滤镜，颜色在紫调中选取，介于蓝红之间即可，以此更好的平衡色彩。模式调整为滤色，并降低图层的不透明度，使画面更整体。

按住shift+ctrl+alt+E盖印一个图层，执行滤镜—锐化—USM锐化，USM锐化可以提高图像中某一部位的清晰度或者焦距程度，使图像特定区域的色彩更加鲜明，注意半径不要过大，阈值大致设置为2，参数如图：

根据个人理解与喜好，增加些色调细节处理。最后输出，让我们看下对比图。

最后，加入霓虹灯文字样式，背景颜色层次微调。使整体画面感氛围增强。

总结

普通人看热闹，设计师看门道。视觉设计是所有作品的灵魂所在，我们每天接收的设计冲击不仅仅来自综艺节目，更来自于日常眼之所见，耳之所听，从中试着分析出当下设计的流行趋势，让「综艺的夏天」变成「设计的夏天」！

欢迎关注作者微信公众号：「Design with CloudAI」