1.嘿，你的电视机雪花屏了

颜色分离渲染、线条错位、数字条纹，这些都是

——Glitch Art Design

出品 ｜ 非常可商院

撰文 ｜ Ray

排版 ｜ Laura

图片 ｜ 网络

全文 ｜ 717字

故障风，就是看上去像是出了“故障”的图片，包括颜色误差、图形错位等样式，这种设计风格就叫作故障风。它十分前卫、时髦和个性，甚至有科技、未来的感觉，能给人十分强烈的视觉冲击力。

故障艺术作为一种艺术风格最早可追溯到1965年韩国艺术家白南淮（백남준 NamJune Paik 1932 - 2006）。他在电视上放置一块大磁铁以干扰屏幕，造成电视机成像的颜色和形状的扭曲（Magnet TV, Nam June Paik, 1965）。

这种“扭曲”在艺术家的眼中变成了一种非常新鲜的艺术形式。

白南淮，磁铁电视（1965）

01

如果从单个艺术品的出现角度来看，“故障艺术”最初不过是一种偶然性的产物，它们来自各种视觉媒介技术的出错瞬间，例如光盘上的划痕、读取文件失败、投影仪故障、代码被篡改等等。

但当这些“例外”的图像变成了一种目的，艺术家们就不再只是故障的捕捉者，而是会主动将这些故障制造出来，并且拭目以待。

这两个电视机无信号和雪花点的图相信大家都不会觉得陌生。

不必怀疑，这应该会是不少小伙伴最早接触到的具有代表性的故障风格“作品”之一。

02

在这之后，便逐渐诞生出了故障艺术（Glitch Art），意为利用事物形成的故障，进行艺术加工，使这种故障缺陷反而成为一种艺术品，具有特殊的美感。

上图作品：Lava Rules Everything Around Me

近几年，故障风开始在国内流行了起来，这还得益于抖音和各大电商平台的大量使用，抖音的LOGO其实就是一个最好的例子，在当初其实也给很多人留下了深刻的印象。

故障风还和同样在近几年非常流行的“赛博朋克风”经常一起出现，这两者的结合可以说是天衣无缝，因为赛博朋克的本质就包含着社会秩序的破坏。在这一点上，故障风与赛博朋克有着异曲同工之处。

03

几个优秀的案例欣赏

2.故障也能成为一种美？看完这些我都快瞎了

不知从什么时候开始，某种类似电脑电视故障才会出现的画面效果走红网络，一时间，无论是各大电商平台，还是各种快消品行业，都纷纷效仿。不免有许多网友猜测，这种故障艺术风格到底是由何而来？它到底为什么受到艺术家与设计师的追逐？它与赛博朋克之间又有什么关系呢？

下面由小编为你揭开谜题。

1、故障艺术风格起源及相关及案例分析

故障艺术风格最早可追溯到 1965 年，艺术家白准南，在电视机上放了一块大磁铁，干扰了屏幕的图像和声音，造成图像的颜色和形状扭曲，这种「错误美」在艺术家的眼中变成了一种非常新鲜的艺术形式。而故障艺术进入学术讨论和真正流行大概是在 2010 年以后。这种拥有独特成像特点的画面，慢慢成为了一种年轻人的审美偏好，并被设计师加以利用。

对艺术家来说这种「错误美」意味着意外和变化，对这种故障进行艺术加工，所以就有了「故障艺术」。所以说，故障艺术的视觉图像特点就在于图像失真、破碎、错位、变形，还有颜色的失真、错位。

故障艺术当中最成功的案例当属抖音了，「抖音风」的感觉更多的是年轻、时尚、潮、酷、多变、故障艺术中独特的失真，错位形式也很符合产品的定位。

2、赛博朋克艺术风格及案例分析

赛博朋克（ Cyberpunk ）又称赛伯朋克、数字朋克、电脑判客、网络判客，是科幻小说的一个分支，以计算机或信息技术为主题，情节通常围绕黑客、人工智能及大型企业之间的矛盾而展开。旨在传达一种，科幻，科技，未来以及反乌托邦的艺术理念。今天我们接触到的赛博朋克风的作品，视觉上多采用蓝、紫、青等冷色调，并辅之以霓虹灯特效，给人一种充满未来感的美学特点。在众多的视觉作品中《攻壳机动队》最能体现出这种艺术风格的特点。

机壳特工队海报

看到这里很多人会问，赛博朋克也会看到故障艺术的影子，到底这两只艺术形式如何区分，他们又是为什么如此相似。首先因为赛博朋克与故障艺术都是科技风的表现形式，所以在赛博朋克的艺术作品中也仓见到图像的失真错位等故障艺术的特点，最易分辨两种艺术形式不同的是，赛博朋克除了这些特点外，还有一个重要的思想理念叫做反乌托帮。在艺术手法上，赛博朋克多采用一些抽象感的异常景象与市井结合来体现，比如：建筑的180度反转，霓虹渐变的夜空，以及科技感建筑与复古广告牌的对冲。这些景象都是不会在现实生活中所出现的。

机壳特工队中全息投影与市井街道

除了《攻壳机动队》外，赛博朋克艺术在影视节目中被利用且成功的当属年初大火的《这就是街舞》了，除了主视觉中运用恰当的蓝紫青色调，舞美也是非常用心，我们可以在观看节目时发现许多窄街同霓虹灯的结合，以及科技元素与复古广告牌的对撞。

3、史蒂夫罗再现赛博朋克

摄影师 Steve Roe 旅居首尔时发现灵感，并成为影响他日后赛博朋克摄影和汽波美学摄影的主要因素， Steve Roe 使用了分形光棱镜产生万花筒效应，一定程度在作品中夸大充满霓虹灯环境的效果。给观众提供一种全息霓虹灯的错觉，就像电视连续剧《变碳》或电影《刀锋跑者》中所看到的那样。

与这些反乌托邦的美学的视觉联系进一步将东京、香港和澳门的当代城市街道和小巷带入未来。

无论是故障艺术还是赛博朋克甚至蒸汽波风格，在新兴的设计艺术作品中，我们发现无论是创造视觉的艺术家还是接受视觉信息的大众大众，电子科技与生活艺术的边界正一点一点被打开，这是否意味着，随着科技的发展，人们也在不断的期待更多与技术产生互动的机会呢？

图片来源：designboom

3.故障艺术风，这是什么Bug？

研究主题：GlitchArt 故障艺术

研究对象：故障艺术的应用实现

What？？都故障了还能称为艺术？我想这个词汇会让不了解的人，觉得惊讶与陌生。不过，作为新的艺术形式，它其实来源于我们生活中一个十分恼人的情景——数据和数字设备的故障。

比如小时候，一家人正开开心心的磕着瓜子看着电视，由于信号弱或不知名的原因，电视画面突然变成了这个样子：

或者是这个样子：

周二没有电视节目的时候……

画面出现异常、失真、变形、破碎等混乱情况，导致我们观看的欲望也没有了……但艺术家们却从这些偶然产生的“图像错误”中发现了美，它们不仅代表不完善，更意味着意外和变化，每一次故障都像是打破常规的再创造。

什么是 Glitch ？

Glitch 就是小故障、短暂的脉冲波干扰意思，比如说瞬时故障，可以自我纠正，但是又相对难以解决的问题，理论上来说，包括人类组织和自然界在内的所有类型系统都会遇到故障，但是该术语主要在计算机和电子行业，电路弯曲以及视频游戏玩家中比较常见。

A glitch is a short-lived fault in a system, such as a transient fault that corrects itself, making it difficult to troubleshoot. The term is particularly common in the computing and electronics industries,in circuit bending, as well as among players of video games. More generally, all types of systems including human organizations and nature experience glitches.

——维基百科上关于 Glitch 的释义

而故障艺术（Glitch Art），则是利用事物的故障，进行艺术加工，使这种故障缺陷反而成为一种艺术品，具有特殊的美感。所以说，故障艺术的特点就在于颜色与图像，都是失真破碎、错位变形的，以及一些条纹图形的穿插辅助。

美国搞笑综艺节目《What's My Line》中的John Daily 进一步定义了 Glitch ，并说这是在发射火箭过程中遇到的一种不知所以然的问题，所以称它为“小故障”；随后《时代》杂志在文章中对其进行定义：“Glitches—a spaceman's word for irritating disturbances.”直到现在，Glitch 仍被用来形容火箭发射时出现的小故障，且延伸出了新的艺术形式。

无处不在的 GlitchArt

活跃在“Bug圈”的大佬们

被誉为“新媒体艺术之父”的韩裔美籍艺术家，白南准（Nam June Paik），于1965年创作了《Magnet TV》磁铁电视。他在电视机上放置了一块巨大的磁铁，使显示屏里的图像和声音因磁铁干扰发生了变化，故障艺术也应运而生。

荷兰女艺术家罗莎·满克曼（Rosa Menkman）是故障艺术的学术领军人物，她不仅是一位创作故障艺术的新媒体艺术家，还是策展人和作家。

她还创立了网站——Glitch Studies Manifesto，成为了世界故障艺术家们交流学习的平台。

西班牙艺术家 Maurizio Bongiovanni 的“故障艺术”小鸟油画，是在用架上绘画的方式模仿数字艺术效果。

意大利艺术家 Giacomo Carmagnola 的作品风格鲜明，熟悉他作品的人总是能从一堆图片中立刻认出。他经常将既有人物或景物照片中的面孔与物体模糊化，造成一种数码“融化”的效果。

台湾艺术家韩旭东（Hsu Tung Han）的木雕作品，使 GlitchArt 立体可触碰。

平面设计师 Magdiel Lopez 的设计项目（magdiellopez.com）——每天一款海报设计挑战，其中的许多作品都使用了故障效果。

地毯艺术家 Faig Ahmed，他将故障艺术融入传统的地毯创作中，在纯手工制作的地毯中融入了打码、失真变形等数码故障元素，织出了这些别具一格的崩坏地毯作品：

日常生活中的故障风

厄瓜多尔 LaPradera 市有一家“故障酒吧（GlitchBar）”，它的前身是一座老旧失修、“满是故障”的老住宅。酒吧希望这次对室内的翻修能够尽可能地减少对原处的破坏，重复利用原来的材料，更好地利用资源，进行拆卸时保留了原来有的窗户（现在变成了门）、砖墙（成为底层地板）以及一些藤蔓植物和门前的棕榈树。

室内设计与装潢大胆采用了故障艺术的元素，从酒吧门面到内部家具（灯、开关、木质桌椅和吧台），都被涂上了带有装饰性的抽象割裂图案，看似支离破碎却又别具一格，鲜艳又明亮。

电影、广告、服饰等领域，同样能见到故障艺术的运用。电影《攻壳机动队》海报，结合故事调性，在画面中铺设了大量破碎错位的条纹， 还有绚丽的色彩。

带火了一波网红和特色城市的抖音，同时还带火了故障艺术，Logo 和宣传海报也是运用了大量的条纹装饰、图像错位、红绿撞色及颜色错位来吸引眼球。

滴滴燃到爆的《想出发就出发》的广告片，利用故障艺术的特效，呼唤你透过现实做更好的自己，不再优柔寡断寻找借口。

苹果 HomePods 广告短片《Welcome Home》，巧妙的结合了“故障艺术”这样一个数字艺术的概念，但全部以道具实拍实现。

随着电脑和网络的普及以及电子游戏成为稍微主流的娱乐方式后，在2010年代以来，越来越多的时装设计师们将 Glitch Art 这种 nerdy 的艺术形式渗透到时尚设计领域。

GlitchArt 算法总结与实现

由于故障艺术的风格种类比较多，辞典酱了解到一些常见风格的代码实现。

以下代码完整版，来自《高品质后处理：十种故障艺术（Glitch Art）算法的总结与实现》

RGB颜色分离故障（RGB Split Glitch）

RGB颜色分离故障（RGB Split Glitch），也称颜色偏移故障（Color Shift Glitch），是故障艺术中比较常见的表达形式之一。例如，抖音短视频 App 的 Icon，即是 RGB 颜色分离故障艺术风格影响下的作品，给整体产品带来了潮流与年轻的气息：

RGB颜色分离故障（RGB Split Glitch），实现算法的主要要点在于红绿蓝三个通道采用不同的 uv 偏移值进行分别采样。一般而言，会在 RGB 三个颜色通道中，选取一个通道采用原始 uv 值，另外两个通道进行 uv 抖动后再进行采样。一个经过性能优化的实现版本 Shader 代码如下：

上述代码，得到的渲染表现如下：

错位线条故障（Line Block Glitch）

错位线条故障（Line Block Glitch）具有较强的表现力，在 Glitch 系列特效中的出镜率也较高。

该算法的实现思路在于随机宽度线条的生成。我们一步一步来，先从生成均匀宽度线条开始：

基于 trunc 函数以及 randomNoise 函数，配合上述调用代码，即可得到如下均匀宽度线条：

接着，使用如下代码，将均匀渐变线条转为随机梯度的等宽线条：

然后，将随机梯度的等宽线条，经过多次 randomNoise 操作，转换为随机梯度的非等宽线条：

可以得到如下的渲染表现：

接着，通过随机梯度的非等宽线条，去抖动 uv 采样生成源色调的 blockLine Glitch：

对应的渲染表现如下：

扫描线抖动故障（Scan Line Jitter Glitch）

扫描线抖动故障（Scan Line Jitter Glitch）算法较简单，但是得到的渲染表现却非常具有冲击力：

一个比较直接的实现是直接对横向或者纵向 UV 进行基于 noise 的抖动，Shader 实现代码如下：

得到的渲染表现如下：

数字条纹故障（Digital Stripe Glitch）

数字条纹故障（Digital Stripe Glitch）同样是出镜率较高的 Glitch 系后处理特效之一。例如在《赛博朋克2077》的 Gameplay 中，就可以到它的身影：

数字条纹故障（Digital Stripe Glitch）需在 Runtime 层完成 noise Texture的生成，然后传入 GPU中 进行最终的运算和渲染呈现。

生成的图片如下：

喜欢的人超级喜欢，不喜欢的人则无感，故障艺术的诞生与流行，颠覆了我们对美的定义。别具一格的故障艺术给生活中增添了一抹色彩，让我们清楚的意识到，设计也可创造无限可能。

相关引用

-罗莎·满克曼（Rosa Menkman）个人网站 http://rosa-menkman.blogspot.ae/

-《高品质后处理：十种故障艺术（Glitch Art）算法的总结与实现》by CSDN博主「浅墨_毛星云」https://blog.csdn.net/zhmxy555/article/details/106753402/

-故障艺术百科 http://dwz.date/bsjP

-https://www.sohu.com/a/248784256_528930

-https://www.sohu.com/a/273414243_474139

-图片、GIF来自网络

欢迎关注作者公众号：UX辞典，获得更多设计干货

4.潮文化 | 设计风格分享—故障艺术

今天空空就给大家分享非常独特的设计风格——故障艺术。

就像老电视机会出现的雪花，黑白闪屏，彩色竖条等出了故障的画面，这种故障艺术现在更多的应用在我们的平面设计中。

01

RGB颜色分离故障

是最常见的故障艺术风格，像我们常见的抖音app的图标就是RGB颜色分离故障风格的作品，非常潮流，年轻化。

02

错位线条故障

这种方式具有很强的表现力，非常适合表达电子感科技感风格的海报。

03

扫描线故障

这种风格在很多电影里都可以看到这种手法，做出来的海报十分有冲击力。

04

模拟噪点故障

这种方式可以为扁平化的画面增添图片肌理，丰富画面的层次感。

05

错位故障

这种风格的核心在于生成随机强度且横纵交错的图块和线条，还可以增加RGB等元素提升渲染。

其实这种风格也让我们意识到了设计可以有更多的可能，了解更多的设计风格，也可以让各位设计师友友们获得更多的设计灵感。

悟空图像想你所想，让一切设计变得更简单，更有新颖性！悟空丰富便捷的设计功能，快速解决你的设计焦虑，让你在处理图片时更加游刃有余，赶快使用悟空图像试试吧！

关于悟空图像

About PhotoSir

悟空图像是国内唯一一款可以全面替代Adobe PhotoShop的专业图像处理软件，采用全新的设计理念和人工智能算法，让每个用户都能快速上手、快速出图。悟空图像不仅是国内首款支持10亿像素级超大图片处理，双向兼容PS文件格式，更支持全平台运行。悟空图像提供海量素材与模板，让你的创作不再从“0”开始；多达一百多种各类画笔，让创意设计更加得心应手；超多种组合特色功能，能够准确高效地实现用户办公需求。悟空图像圆你一个“创意设计大师”的梦，即使“0”基础，也能创作出专业级的效果！