IndexStyle

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

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

词条738

辞典

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

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

24/102 条

16

Synthwave — G. Casqueiro《Chase The Sun》2019年 — Wikimedia Commons / CC BY-SA 3.0

Synthwave

シンセウェーブ / 1980s imagined future / 风格 / 数字复古

以霓虹与地平线,重播 1980 年代所想象的未来。

霓虹 / 透视网格 / 落日 / 漆黑的天空

design.md图像提示词

22

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

Y2K

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

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

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

design.md图像提示词

25

Neumorphism — Vectorium《新拟态界面元素集》2020 — Wikimedia Commons / CC BY-SA 4.0

Neumorphism

ニューモーフィズム / late 2010s– / 风格 / 界面风格

让背景与控件成为同一种材料,仅以柔和的阴影表现凹凸。

同色的表面 / 双向阴影 / 圆润的部件 / 低对比度

design.md图像提示词

26

Glassmorphism — Apple《macOS Big Sur 的 Spotlight》 — Wikimedia Commons / Public domain

Glassmorphism

グラスモーフィズム / 2020s / 风格 / 界面风格

以半透明的图层呈现深度与层级,让信息轻盈地漂浮。

背景模糊 / 半透明 / 细白描边 / 透出的色彩

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

33

Gen X Soft Club — 慕尼黑 Ultraschall 俱乐部的休息室 1997 摄影 David Weber — Wikimedia Commons / CC BY-SA 4.0

Gen X Soft Club

ジェネレーションX ソフトクラブ / late 1990s / 风格 / 数字复古

在渗过夜店黑暗的青绿色光晕里,涂抹一层对未来的朦胧希望。

青绿色 / 虚化的光 / 半透明 / 抽象3D

design.md图像提示词

35

Steampunk — 《Dickinson's Comprehensive Pictures of the Great Exhibition》1854 中的机械展区图版 — Wikimedia Commons / Public domain

Steampunk

スチームパンク / Victorian retrofuture / 风格 / 未来图景

把蒸汽时代的材料与机械延伸成一段可触可感的架空历史。

黄铜 / 齿轮 / 皮革 / 仪表

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

40

Blueprint — University Bridge 的蓝图 1915,西雅图 — Wikimedia Commons / CC BY 2.0 · © Seattle Municipal Archives from Seattle, WA

Blueprint

ブループリント / industrial / 风格 / 技术表现

它呈现的不是成品,而是思考本身的线条,让人看见结构与可能。

蓝底白线 / 尺寸标注 / 剖面 / 手写批注

design.md图像提示词

44

Solarpunk — 太阳朋克插画(CC BY 4.0) · © The.lemonaut.ukr

Solarpunk

ソーラーパンク / 2000s– / 世界观 / 未来图景

拒绝把自然与技术对立起来,描绘一个由人手照料的明亮未来。

绿意与阳光 / 在地手作 / 可再生技术 / 社群

design.md图像提示词

45

Afrofuturism — Sun Ra 1973 — Wikimedia Commons / Public domain

Afrofuturism

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

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

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

design.md图像提示词

47

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

Claymorphism

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

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

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

design.md图像提示词

48

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

Gradient Mesh

グラデーション・メッシュ / digital–contemporary / 技法 / 绘画技法

让多个色彩焦点平滑交融,为平面赋予光与空气的纵深。

多点渐变 / 洇开的光 / 大面积色域 / 柔和的纵深

design.md图像提示词

54

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

Italian Futurism

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

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

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

design.md图像提示词

56

Suprematism — 卡济米尔·马列维奇《至上主义构成》1916 — Wikimedia Commons / Public domain

Suprematism

シュプレマティスム / 1915–1920s / 风格 / 几何抽象

把描绘抛在身后,从少数几何形与空白之中升起可感的张力。

漂浮的矩形 / 留白 / 对角线的重力 / 克制的用色

design.md图像提示词

70

Op Art — ブリジット・ライリー《Bolt of Colour》(シナティ財団, マーファ) — Wikimedia Commons / CC BY-SA 4.0 · © Colmandavid

Op Art

オプ・アート / 1960s– / 风格 / 几何抽象

以线条、形状与明度的重复,在静止的画面中激起知觉的颤动与深度。

高对比 / 重复的线条 / 视错觉 / 几何变形

design.md图像提示词

73

Frutiger Aero — Frutiger Aero 风格示例(CC0)

Frutiger Aero

フルティガー・エアロ / mid-2000s–early 2010s / 风格 / 数字复古

把带光泽的数字技术与蓝天、水、草地和气泡系在一起,让未来显得亲切可近。光泽与 Aqua 同源,但 Aqua 指的是部件的质感,这里指的则是壁纸与广告所描绘的那个世界。

蓝天与草地 / 透明的气泡 / 光泽感界面 / 人文主义字体

design.md图像提示词

78

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

Seapunk

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

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

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

design.md图像提示词

82

Low Poly — 低多边形 3D 模型(CC0)

Low Poly

ローポリ / 1990s– / revival / 技法 / 数字艺术

让稀少的多边形与生硬的面转折保持可见,以形的简约本身作为表达。

三角形面 / 棱角分明的轮廓 / 平面着色 / 稀少的顶点

design.md图像提示词

89

Streamline Moderne — 灰狗巴士总站 1938(CC BY 4.0) · © Bmzuckerman

Streamline Moderne

ストリームライン・モダン / 1930s–1940s / 风格 / 近现代建筑

以流线、水平线、圆角与金属,让静止之物也带上速度与机械时代的乐观。

流线型造型 / 水平饰带 / 圆角 / 镀铬

design.md图像提示词

91

New Vision Photography — 莫霍利-纳吉的物影照片 — Wikimedia Commons / Public domain

New Vision Photography

ニュー・ヴィジョン写真 / 1920s–1930s / 风格 / 摄影运动

用俯瞰、仰视、极端的特写与对光的实验,探索唯有相机才能抵达的新知觉。

极端的取景角度 / 特写 / 硬光与阴影 / 抽象

design.md图像提示词

编辑方针

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

回到页首