故障了還能稱為藝術？我想這個詞匯會讓不了解的人，覺得驚訝與陌生。不過，作為新的藝術形式，它其實來源于我們生活中一個十分惱人的情景——數據和數字設備的故障。

比如小時候，一家人正開開心心的磕著瓜子看著電視，由于信號弱或不知名的原因，電視畫面突然變成了這個樣子：

或者是這個樣子：

周二沒有電視節目的時候……

畫面出現異常、失真、變形、破碎等混亂情況，導致我們觀看的欲望也沒有了……但藝術家們卻從這些偶然產生的「圖像錯誤」中發現了美，它們不僅代表不完善，更意味著意外和變化，每一次故障都像是打破常規的再創造。

什么是 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

1. 活躍在「Bug圈」的大佬們

被譽為「新媒體藝術之父」的韓裔美籍藝術家，白南準（Nam June Paik），于 1965 年創作了《Magnet TV》磁鐵電視。他在電視機上放置了一塊巨大的磁鐵，使顯示屏里的圖像和聲音因磁鐵干擾發生了變化，故障藝術也應運而生。

荷蘭女藝術家羅莎·滿克曼（Rosa Menkman）是故障藝術的學術領軍人物，她不僅是一位創作故障藝術的新媒體藝術家，還是策展人和作家。

△ 《The Glitch Moment》，專門研究故障藝術的歷史和作品

△?Rosa Menkman 的故障藝術作品

她還創立了網站——Glitch Studies Manifesto，成為了世界故障藝術家們交流學習的平臺。

西班牙藝術家 Maurizio Bongiovanni 的「故障藝術」小鳥油畫，是在用架上繪畫的方式模仿數字藝術效果。

意大利藝術家 Giacomo Carmagnola 的作品風格鮮明，熟悉他作品的人總是能從一堆圖片中立刻認出。他經常將既有人物或景物照片中的面孔與物體模糊化，造成一種數碼「融化」的效果。

中國臺灣藝術家韓旭東（Hsu Tung Han）的木雕作品，使 GlitchArt 立體可觸碰。

平面設計師 Magdiel Lopez 的設計項目（magdiellopez.com）——每天一款海報設計挑戰，其中的許多作品都使用了故障效果。

地毯藝術家 Faig Ahmed，他將故障藝術融入傳統的地毯創作中，在純手工制作的地毯中融入了打碼、失真變形等數碼故障元素，織出了這些別具一格的崩壞地毯作品：

2. 日常生活中的故障風

厄瓜多爾 LaPradera 市有一家「故障酒吧（GlitchBar）」，它的前身是一座老舊失修、「滿是故障」的老住宅。酒吧希望這次對室內的翻修能夠盡可能地減少對原處的破壞，重復利用原來的材料，更好地利用資源，進行拆卸時保留了原來有的窗戶（現在變成了門）、磚墻（成為底層地板）以及一些藤蔓植物和門前的棕櫚樹。

室內設計與裝潢大膽采用了故障藝術的元素，從酒吧門面到內部家具（燈、開關、木質桌椅和吧臺），都被涂上了帶有裝飾性的抽象割裂圖案，看似支離破碎卻又別具一格，鮮艷又明亮。

電影、廣告、服飾等領域，同樣能見到故障藝術的運用。電影《攻殼機動隊》海報，結合故事調性，在畫面中鋪設了大量破碎錯位的條紋， 還有絢麗的色彩。

帶火了一波網紅和特色城市的抖音，同時還帶火了故障藝術，Logo 和宣傳海報也是運用了大量的條紋裝飾、圖像錯位、紅綠撞色及顏色錯位來吸引眼球。

滴滴燃到爆的《想出發就出發》的廣告片，利用故障藝術的特效，呼喚你透過現實做更好的自己，不再優柔寡斷尋找借口。

蘋果 HomePods 廣告短片《Welcome Home》，巧妙的結合了「故障藝術」這樣一個數字藝術的概念，但全部以道具實拍實現。

隨著電腦和網絡的普及以及電子游戲成為稍微主流的娛樂方式后，在 2010 年代以來，越來越多的時裝設計師們將 Glitch Art 這種 nerdy 的藝術形式滲透到時尚設計領域。

△?Anrealage FW 2011 森永邦彥 Kunihiko Morinaga 作品

△?來自日本的服裝設計師 Nukeme 與視覺藝術家 Ucnv 合作的故障藝術風格風衣 2013

△?Frankie Morello 2015 作品

GlitchArt 算法總結與實現

由于故障藝術的風格種類比較多，我們了解到一些常見風格的代碼實現。

以下代碼完整版，來自《高品質后處理：十種故障藝術（Glitch Art）算法的總結與實現》

1. RGB顏色分離故障（RGB Split Glitch）

RGB 顏色分離故障（RGB Split Glitch），也稱顏色偏移故障（Color Shift Glitch），是故障藝術中比較常見的表達形式之一。例如，抖音短視頻 App 的 Icon，即是 RGB 顏色分離故障藝術風格影響下的作品，給整體產品帶來了潮流與年輕的氣息：

RGB顏色分離故障（RGB Split Glitch），實現算法的主要要點在于紅綠藍三個通道采用不同的 uv 偏移值進行分別采樣。一般而言，會在 RGB 三個顏色通道中，選取一個通道采用原始 uv 值，另外兩個通道進行 uv 抖動后再進行采樣。一個經過性能優化的實現版本 Shader 代碼如下：

上述代碼，得到的渲染表現如下：

2. 錯位線條故障（Line Block Glitch）

錯位線條故障（Line Block Glitch）具有較強的表現力，在 Glitch 系列特效中的出鏡率也較高。

該算法的實現思路在于隨機寬度線條的生成。我們一步一步來，先從生成均勻寬度線條開始：

基于 trunc 函數以及 randomNoise 函數，配合上述調用代碼，即可得到如下均勻寬度線條：

接著，使用如下代碼，將均勻漸變線條轉為隨機梯度的等寬線條：

然后，將隨機梯度的等寬線條，經過多次 randomNoise 操作，轉換為隨機梯度的非等寬線條：

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

接著，通過隨機梯度的非等寬線條，去抖動 uv 采樣生成源色調的 blockLine Glitch：

對應的渲染表現如下：

△ 錯位線條故障（Line Block Glitch）

3. 掃描線抖動故障（Scan Line Jitter Glitch）

掃描線抖動故障（Scan Line Jitter Glitch）算法較簡單，但是得到的渲染表現卻非常具有沖擊力：

一個比較直接的實現是直接對橫向或者縱向 UV 進行基于 noise 的抖動，Shader 實現代碼如下：

得到的渲染表現如下：

△ 掃描線抖動故障（Scan Line Jitter Glitch）

4. 數字條紋故障（Digital Stripe Glitch）

數字條紋故障（Digital Stripe Glitch）同樣是出鏡率較高的 Glitch 系后處理特效之一。例如在《賽博朋克2077》的 Gameplay 中，就可以到它的身影：

△ 《賽博朋克2077》中的數字條紋故障（Digital Stripe Glitch）特效 @ CD Projekt

數字條紋故障（Digital Stripe Glitch）需在 Runtime 層完成 noise Texture的生成，然后傳入 GPU中 進行最終的運算和渲染呈現。

生成的圖片如下：

△ 數字條紋故障（Digital Stripe Glitch）

喜歡的人超級喜歡，不喜歡的人則無感，故障藝術的誕生與流行，顛覆了我們對美的定義。別具一格的故障藝術給生活中增添了一抹色彩，讓我們清楚的意識到，設計也可創造無限可能。

更多設計風格：

相關引用

• 羅莎·滿克曼（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辭典」