Glitch vs Web 1.0

グリッチ / ウェブ1.0

Glitch comes from UI Expression and Web 1.0 from Digital Retro. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.

Glitch

Glitch — James Connolly and Eric Pellegrino によるグリッチ・アート — Wikimedia Commons / CC BY-SA 4.0Glitch — 圧縮ノイズの実例 — Wikimedia Commons / CC BY 2.0Glitch — 《Kodak Moment》2013 のサンプルアニメーション — Wikimedia Commons / CC BY-SA 3.0

Refuses to hide error and corruption, exposing the fragility of the digital medium itself.

Web 1.0

Web 1.0 — Netscape Navigator 1.22 の画面 — Wikimedia Commons / CC0Web 1.0 — Netscape Navigator 2 の画面 — Wikimedia Commons / CC0Web 1.0 — Netscape Navigator 3 の画面 — Wikimedia Commons / CC0

Reuses the naivety of the constrained early web as directness and charm.

GlitchWeb 1.0
Eradigital1990s
FamilyUI ExpressionDigital Retro
KindStyleStyle
CuesChannel shift / Block noise / Scanlines / DropoutBlue links / Low-res GIFs / System fonts / Plain buttons
Best used forExpressing uncertainty and system failure · A jolt of tension in music and videoShowing affection for internet culture · An unpolished, approachable feel
TypePartially corrupt a monospace or plain sansSystem sans and monospace
CompositionBuild the healthy composition first, then break part of itLeft-aligned, borders, table-like division
MaterialRGB shift, compression noise, missing piecesWhite background, blue links, dithered images
CautionPerpetual glitch loses meaning. Stage the difference between normal and broken.Don't regress actual accessibility. Separate the look from interaction quality.

Put these two together

UI Expression ／ Digital Retro

IndexStyle