主页 > APP设计 > 边看综艺边学设计!从那些超火的综艺节目里学到的设计趋势

推荐文章

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

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

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

乐队的夏天

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

《乐队的夏天》值得一看的除了音乐,还有它别具一格的视觉包装与舞台效果。每一个画面片头,几乎都大胆的采用了波普艺术拼贴的手法,鲜艳的色彩、想象力爆表的画面以及有态度的文字,让它成为了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,参数如图:

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

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

总结

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