IndexStyle

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

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

词条776

辞典

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

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

24/776 条

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

29

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

Maximalism

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

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

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

design.md图像提示词

30

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

Gothic

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

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

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

design.md图像提示词

31

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

Neubrutalism

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

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

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

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

34

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

Future Funk

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

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

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

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

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

40

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

Blueprint

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

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

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

design.md图像提示词

41

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

Risograph

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

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

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

design.md图像提示词

42

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

Bento Grid

ベントーグリッド / 2020s / 版面 / 信息设计

把不同种类的信息分装进各自独立的方格,让全貌一眼可见。

大小不一的卡片 / 对齐的间隙 / 一屏概览 / 模块

design.md图像提示词

43

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

Isometric Illustration

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

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

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

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

46

Dark Academia — 圣三一学院图书馆长厅(CC BY-SA 4.0) · © Diliff

Dark Academia

ダーク・アカデミア / 2010s– / historical references / 世界观 / 亚文化风格

借旧日学院书斋的阴影,养出对知识的痴迷与一种隐秘的亲密。

旧书 / 深褐与黑 / 古典衬线体 / 烛光

design.md图像提示词

47

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

Claymorphism

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

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

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

design.md图像提示词

48

Gradient Mesh — Gradient-mesh line-editing operations in Inkscape — technical illustration by Stilfehler, 2020 — Wikimedia Commons / CC BY-SA 4.0

Gradient Mesh

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

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

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

design.md图像提示词

编辑方针

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

回到页首