IndexStyle

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

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

词条738

辞典

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

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

24/218 条

2

Bauhaus — Joost Schmidt《包豪斯展览 1923》海报 — Wikimedia Commons / Public domain

Bauhaus

バウハウス / 1919–1933 / 风格 / 功能主义

以圆形、三角形与方形,让功能与游戏共存。

基本几何形 / 三原色 / 功能之美 / 外露的结构

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图像提示词

18

Pop Art — Andy Warhol《金宝汤罐头》MoMA 展出 — Wikimedia Commons / CC BY-SA 2.0

Pop Art

ポップアート / 1950s–1960s / 风格 / 波普

放大广告与漫画的语汇,直到大众文化本身成为画面。

半调网点 / 粗轮廓线 / 三原色 / 重复

design.md图像提示词

19

Memphis — Ettore Sottsass《Carlton》1981 — Wikimedia Commons / CC BY 3.0 · © Sailko

Memphis

メンフィス / 1980s / 风格 / 波普

一笑置之地抛开功能主义,享受形与色的不谐。

锯齿折线 / 细小图形 / 粉彩加原色 / 斑点

design.md图像提示词

21

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

Web 1.0

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

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

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

design.md图像提示词

22

Y2K — Marc Newson《Ford 021C》1999年 — Wikimedia Commons / CC BY-SA 4.0 · © TaurusEmerald

Y2K

ワイツーケー / late 1990s–2000s / 风格 / 数字复古

以半透明塑料与圆润的未来感,表达对新千年的乐观。它的光泽来自能拿在手里的树脂与金属,而不是来自屏幕,这一点让它与同时期界面的亮泽分属两条脉络。

半透明塑料 / 银色 / 泡泡造型 / 赛博的明亮

design.md图像提示词

23

Web 2.0 Gloss — CreativeAlys 3D 商务图标集 — Wikimedia Commons / CC0

Web 2.0 Gloss

ウェブ2.0グロス / 2000s / 风格 / 数字复古

用光泽、圆角与反射,把数字交互解释为可以触摸之物。它是网页端试图用图片和 CSS 复现操作系统里 Aqua 那种质感之后,留给这批做法的名字。

光泽按钮 / 强烈的渐变 / 反射 / 圆角

design.md图像提示词

29

Maximalism — 19 世纪维多利亚时代的起居室(奥克兰) — Wikimedia Commons / CC BY-SA 3.0 · © Jorge Royan

Maximalism

マキシマリズム / recurring / 风格 / 装饰

毫无畏惧地叠加数量、色彩与纹样,让过剩本身成为丰饶。

层叠的纹样 / 浓烈的色彩 / 装饰性字体 / 收藏家式的密度

design.md图像提示词

31

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

Neubrutalism

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

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

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

design.md图像提示词

34

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

Future Funk

フューチャーファンク / 2010s / 风格 / 数字复古

把1980年代的日本流行乐高速重剪,化作炫目的欣快感。

80年代动画 / City Pop / 浓艳夜景 / 急速拼贴

design.md图像提示词

38

Kidcore — KazumiKawaii 摄《彩虹 Decora》2016 — Wikimedia Commons / CC BY-SA 4.0

Kidcore

キッドコア / 1990s nostalgia / 风格 / 波普

以毫无保留的明亮色彩,唤回玩具、贴纸与文具的记忆。

三原色 / 笑脸 / 彩虹 / 玩具造型

design.md图像提示词

39

Naïve — 亨利·卢梭《狂欢节之夜》1886 — Wikimedia Commons / Public domain

Naïve

ナイーブ / timeless / 风格 / 插画风格

从技法的规范中退开,把朴素的观察与失衡本身变成魅力。

不匀的线条 / 压平的透视 / 简单的用色 / 手写字母

design.md图像提示词

41

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

Risograph

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

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

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

design.md图像提示词

43

Isometric Illustration — オーギュスト・ショワジー《ビザンティンの建築術》図版18 コンスタンティノープル 1883年 — Wikimedia Commons / Public domain

Isometric Illustration

アイソメトリック・イラストレーション / technical drawing–digital / 技法 / 图解与图示

在俯视之中保留纵深,用一张图说清众多部件之间的关系。

30度轴线 / 统一比例 / 爆炸图 / 小小世界

design.md图像提示词

47

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

Claymorphism

クレイモーフィズム / 2020s / 风格 / 界面风格

以圆润如黏土的体量,把数字组件做得柔软、可把玩。

鼓胀的造型 / 内侧高光 / 柔和阴影 / 粉彩色

design.md图像提示词

53

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

Dada

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

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

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

design.md图像提示词

60

Calligram — 纪尧姆·阿波利奈尔《Il pleut》1918 — Wikimedia Commons / Public domain

Calligram

カリグラム / antiquity–modernism / 技法 / 文字造型

让词语的排布长成其意义的形状,阅读与观看在同一刻发生。

文字勾出轮廓 / 变换的阅读方向 / 有意味的留白 / 诗与图形融为一体

design.md图像提示词

72

Trompe-l'œil — 博雷利·德尔·卡索《逃离批评》1874 — Wikimedia Commons / Public domain

Trompe-l'œil

トロンプ・ルイユ / antiquity–present / 技法 / 绘画技法

隐去画面的边界,让材质、投影与尺度彼此吻合,直到你相信实物就在那里。

等身尺寸 / 落地的投影 / 材质的刻画 / 对画框边缘的利用

design.md图像提示词

74

Corporate Memphis — Katharina Brenner《Corporate Memphis 风格插画》2019 — Wikimedia Commons / CC BY 4.0

Corporate Memphis

コーポレート・メンフィス / mid-2010s– / 风格 / 插画风格

用简化的人物、几何形与柔和的色彩,把数字服务讲述得安全而友好。

夸张的身体比例 / 平涂色彩 / 几何化的植物 / 白色底面

design.md图像提示词

76

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

Weirdcore

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

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

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

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

回到页首