IndexStyle

一部从作品本身写起的设计风格辞典。

它是纯粹的 HTML。任何浏览器、任何设备都能打开,不需要应用也不需要账号,机器读到的也是同一个页面。

词条738

辞典

可以按风格名搜索,也可以描述要做的东西。 名称匹配优先,再按用途、感受与媒介补充相近选择。

示例包豪斯高级感的招聘网站可信的金融应用

24/232 条

8

Web Brutalism — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Web Brutalism

ウェブ・ブルータリズム / 2014– / 风格 / 界面风格

直接呈现浏览器的默认样式,拒绝模板化的精致外观。

默认的标题与链接 / 带下划线的蓝色链接 / 极端的字号落差 / 没有装饰的分隔线与留白

design.md图像提示词

12

Punk — Hüsker Dü 演出传单(Goofy's Upper Deck)1982 — Wikimedia Commons / CC BY-SA 4.0 · © Hoff Entertainment

Punk

パンク / 1970s–1980s / 风格 / 反主流文化

剪、贴、弄脏,用最粗糙的 DIY 手段向讲究整洁的权威发难。

剪贴字母 / 复印机噪点 / 手写字迹 / 参差的排布

design.md图像提示词

13

Post-Modernism — 亚历山德罗·门迪尼《普鲁斯特扶手椅》1978(Studio Alchimia) — Wikimedia Commons / CC BY-SA 4.0 · © Sailko

Post-Modernism

ポスト・モダニズム / 1970s–1990s / 风格 / 先锋派

怀疑唯一正解,把引用、反讽与装饰当作游戏来混用。

风格混搭 / 反讽 / 重新启用的装饰 / 出人意料的配色

design.md图像提示词

17

New Wave — April Greiman《Design Quarterly 133: Does It Make Sense?》1986 — Wikimedia Commons / CC BY-SA 4.0 · © MadeInSpace.la

New Wave

ニュー・ウェーブ / 1970s–1980s / 风格 / 反主流文化

保留朋克的自由,同时以都市的精致重编色彩与网格。

不规则网格 / 圆点 / 高彩度 / 旋转的文字

design.md图像提示词

20

Grunge — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Grunge

グランジ / 1990s / 风格 / 反主流文化

以脏污、破损与磨耗,抵抗被整齐管理的屏幕。

磨损划痕 / 撕裂 / 杂乱的文字 / 劣质复印

design.md图像提示词

21

Web 1.0 — Netscape Navigator 1.22 界面 — Wikimedia Commons / CC0

Web 1.0

ウェブ1.0 / 1990s / 风格 / 数字复古

把受限的早期网络的天真,重新用作直率与趣味。

蓝色链接 / 低分辨率 GIF / 系统字体 / 朴素的按钮

design.md图像提示词

27

Vaporwave — Ostarisk《蒸汽波艺术示例》2017 — Wikimedia Commons / CC BY-SA 4.0

Vaporwave

ヴェイパーウェイヴ / 2010s / 风格 / 数字复古

把消费社会与早期数字生活的记忆,化为梦境般的不安。

粉与紫 / 古典雕像 / 早期电脑图形 / 热带与日文字符

design.md图像提示词

28

Cyberpunk — 新宿歌舞伎町的霓虹灯招牌 — Wikimedia Commons / CC BY 4.0 · © ノボホショコロトソ

Cyberpunk

サイバーパンク / 1980s– / 风格 / 未来图景

让先进技术与破败生活挤在同一个画面里,未来于是既是期许,也是警告。

雨夜 / 多语言霓虹 / 密布的线缆 / 黑暗的城市

design.md图像提示词

30

Gothic — 沙特尔大教堂北侧玫瑰窗 — Wikimedia Commons / Public domain

Gothic

ゴシック / 12th–16th century / 风格 / 历史样式

以垂直性与幽暗的装饰,召唤神秘、敬畏与永恒。

哥特体字母 / 尖锐的造型 / 黑色 / 细密的装饰

design.md图像提示词

31

Neubrutalism — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Neubrutalism

ニューブルータリズム / 2010s– / 风格 / 界面风格

以粗黑边框与直白的色彩,温和地反叛过度精致的网页。

粗黑边框 / 硬边投影 / 鲜艳的色彩 / 扁平的组件

design.md图像提示词

36

Acid — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Acid

アシッド / 1990s–2020s / 风格 / 反主流文化

把荧光色与扭曲高压地压在一起,用侵略性摇撼观者的眼睛。

荧光色 / 扭曲 / 高对比 / 粗粝3D

design.md图像提示词

37

Glitch — James Connolly 与 Eric Pellegrino 的故障艺术 — Wikimedia Commons / CC BY-SA 4.0 · © jonCates

Glitch

グリッチ / digital / 风格 / 界面风格

拒绝掩饰错误与损坏,直接暴露数字媒介自身的脆弱。

通道错位 / 块状噪点 / 扫描线 / 信号丢失

design.md图像提示词

41

Risograph — 双色 Risograph 印刷 2014(CC BY 2.0) · © Mario Felipe

Risograph

リソグラフ / 1980s– / contemporary revival / 技法 / 孔版印刷

保留分色版与它们美妙的套印偏差,让每一张印品都带着自己的体温。

套印偏差 / 专色油墨 / 网点 / 纸张透印

design.md图像提示词

45

Afrofuturism — Sun Ra 1973 — Wikimedia Commons / Public domain

Afrofuturism

アフロフューチャリズム / 20th century– / 世界观 / 未来图景

接通非洲流散族群的历史、文化与未来,夺回被窃走的时间和新的可能。

宇宙未来 / 文化纹样 / 金属与土地 / 重释的神话

design.md图像提示词

53

Dada — 特奥·凡·杜斯堡与库尔特·施维特斯《Kleine Dada Soirée》1922 — Wikimedia Commons / CC0

Dada

ダダ / 1916–1920s / 风格 / 先锋派

刻意错置意义与秩序,把权威本身变成玩笑的材料。

旋转的字体 / 声音的碎片 / 尺度的冲撞 / 失衡的页边

design.md图像提示词

54

Italian Futurism — 菲利波·托马索·马里内蒂《ZANG TUMB TUUUM》1915 — Wikimedia Commons / Public domain

Italian Futurism

イタリア未来派 / 1909–1940s / 风格 / 先锋派

把速度、噪音与冲击换算成字母的大小与轨迹,让安静的页面动起来。

自由的文字 / 放射状排版 / 拟声词 / 极端的尺度跳跃

design.md图像提示词

62

Woodcut — 阿尔布雷希特·丢勒《四骑士》1498 — Wikimedia Commons / CC0

Woodcut

木版画 / 8th century– / 技法 / 凸版印刷

印出刻除之后留存的版面,以刀线的方向与黑白的力量托起图像。

运刀的方向 / 强烈的黑白对比 / 线条的疏密 / 木版的材质感

design.md图像提示词

76

Weirdcore — 怪核示例 — Wikimedia Commons / Public domain

Weirdcore

ウィアードコア / 2010s–2020s / 世界观 / 网络美学

叠加低分辨率图像、毫无关联的文字与扭曲的符号,直到现实的连结显得微微断裂。

低分辨率 / 不搭调的文字 / 眼睛与面孔 / 压缩噪点

design.md图像提示词

77

Liminal Space — 无人的购物中心(CC BY-SA 4.0) · © JIP

Liminal Space

リミナル・スペース / late-2010s– / 世界观 / 网络美学

把本该有人经过的过渡空间拍成空无一人,唤起似曾相识、孤独,以及停滞的时间。

空荡的走廊 / 荧光灯 / 过时的室内 / 午夜之后的公共空间

design.md图像提示词

78

Seapunk — 海洋朋克示例(CC BY-SA 3.0) · © Ridley369

Seapunk

シーパンク / 2011–2013 / 风格 / 网络美学

把海洋CG、绿松石色、海豚与九十年代的3D,混进社交媒体时代的音乐与时尚。

绿松石色 / 海豚CG / 波浪与贝壳 / 早期3D

design.md图像提示词

79

Net.art — 特奥·斯皮勒《Capriccess for Netscape》 — Wikimedia Commons / CC BY-SA 4.0 · © Teo Spiller

Net.art

ネット・アート / 1990s– / 风格 / 数字艺术

把浏览器、链接、传输错误乃至网络本身,当作作品的材料与场所。

链接的结构 / 浏览器界面 / 错误 / 参与与传输

design.md图像提示词

编辑方针

IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现,并能与近邻区分的视觉语言。 收录标准

回到页首