グリッチ

Glitch / digital / スタイル / UI表現

エラーや破損を隠さず、デジタル媒体そのものの脆さを見せる。

Glitch — James Connolly and Eric Pellegrino によるグリッチ・アート — Wikimedia Commons / CC BY-SA 4.0 · © jonCates — James Connolly and Eric Pellegrino によるグリッチ・アート — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © jonCates

Glitch — 《Kodak Moment》2013 のサンプルアニメーション — Wikimedia Commons / CC BY-SA 3.0 · © Michaelbetancourt — 《Kodak Moment》2013 のサンプルアニメーション — Wikimedia Commons / CC BY-SA 3.0 · CC BY-SA 3.0 · © Michaelbetancourt

ひと目で判断

見た目の特徴

色ずれ
ブロックノイズ
走査線
欠落

向いている用途

不確実性やシステム障害を表現する
音楽・映像に瞬間的な緊張を入れる

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

design.md 画像プロンプト JSON API MCP・機械向け入口掛け合わせ

ChatGPTで開く Claudeで開く Google AIで開く

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字: 等幅体や簡潔なサンセリフを部分破損
構成: 正常な構成をつくってから一部だけ崩す
素材: RGBずれ、圧縮ノイズ、欠け
注意: 常時グリッチは意味を失う。正常と異常の差を演出する。
関連研究: Rosa Menkman / Joshua Davis

関連項目

ミニマリズム（Minimalism）対比する意味がある項目として編集上つながっている。グリッチとミニマリズムの違いを見る
ウェブ1.0（Web 1.0）共通する印象：反骨。グリッチとウェブ1.0の違いを見る

取り違えられやすい

データモッシュ（Datamosh）違いを見る

UI表現をさらに見る

同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。

メタルハート（Metalheart）共通する印象：未来 / 技術 / 反骨。
ターミナルUI（Terminal UI）共通する印象：技術 / 反骨。
架空ユーザーインターフェース（FUI (Fantasy User Interface)）共通する印象：未来 / 技術。

UI表現の全項目を見る

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link: https://indexstyle.org/ja/styles/glitch
Markdown: [グリッチ（Glitch） — デザインスタイル辞典](https://indexstyle.org/ja/styles/glitch)
HTML: <a href="https://indexstyle.org/ja/styles/glitch">グリッチ（Glitch） — デザインスタイル辞典</a>

一覧内の位置へ戻る