IndexStyle

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

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

词条738

辞典

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

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

24/254 条

1

Swiss — Josef Müller-Brockmann《Musica Viva》海报 — Wikimedia Commons / Public domain

Swiss

スイス・スタイル / 1950s– / 风格 / 功能主义

把秩序推到最前面,让信息本身成为主角。

严格的网格 / 无衬线字体 / 非对称构图 / 客观的摄影

design.md图像提示词

6

Modernism — Mies van der Rohe《巴塞罗那椅》与巴塞罗那德国馆 — Wikimedia Commons / CC BY-SA 4.0 · © Cl3phact0

Modernism

モダニズム / 1920s–1970s / 风格 / 功能主义

以经过论证的形式取代装饰,追求普遍性。

简化 / 清晰的层级 / 功能优先 / 普遍性的形式

design.md图像提示词

7

Minimalism — Dan Flavin《Untitled (to Don Judd, Colorist) 1–5》1987,泰特现代美术馆 — Wikimedia Commons / CC BY 2.0 · © Grand Parc—Bordeaux, France from France

Minimalism

ミニマリズム / 1960s– / 风格 / 功能主义

通过削减元素,把留下之物的意义与张力推到极致。

大量留白 / 极少的元素 / 安静的色彩 / 精确的间距

design.md图像提示词

11

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

The Face

ザ・フェイス / 1980s / 风格 / 出版与编辑

每一期都重画标题字母和栏目符号,把它们放进由粗线和黑条分割的版面,与照片同样有力。

用几何画出的超粗标题字母 / 粗线和黑条切分版面 / 每期都改变形状的栏目符号 / 压在照片上的大字

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

39

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

Naïve

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

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

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

design.md图像提示词

46

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

Dark Academia

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

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

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

design.md图像提示词

48

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

Gradient Mesh

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

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

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

design.md图像提示词

51

Vienna Secession — 阿尔弗雷德·罗勒,第十四届维也纳分离派展览海报 1902 — Wikimedia Commons / CC BY 2.0 · © Jean-Pierre Dalbéra

Vienna Secession

ウィーン分離派 / 1897–1910s / 风格 / 世纪末艺术

用几何与平面构成收紧有机装饰,抹去艺术与设计之间的界线。

方格骨架 / 重复纹样 / 金与黑 / 平面化的人物与植物

design.md图像提示词

55

De Stijl — 《De Stijl》杂志第 4 卷第 3 期封面 1921 — Wikimedia Commons / Public domain

De Stijl

デ・ステイル / 1917–1931 / 风格 / 几何抽象

把词汇限制在垂直、水平与三原色,从平衡中建起普遍的秩序。

垂直与水平 / 红、蓝、黄 / 白色块面 / 非对称的均衡

design.md图像提示词

56

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

Suprematism

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

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

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

design.md图像提示词

57

Ukiyo-e — 葛饰北斋《神奈川冲浪里》c. 1830–32 — Wikimedia Commons / Public domain

Ukiyo-e

浮世絵 / 17th–19th century / 风格 / 日本木版画

以轮廓、平涂与大胆的裁切,把日常或风景中转瞬即逝的一刻定格为强有力的构图。

清晰的轮廓线 / 平涂色 / 大胆裁切 / 叠加的空间

design.md图像提示词

60

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

Calligram

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

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

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

design.md图像提示词

61

Cyanotype — 安娜·阿特金斯《Dictyota dichotoma》1843–53 — Wikimedia Commons / Public domain

Cyanotype

サイアノタイプ / 1842– / 技法 / 摄影技法

把受光物体的轮廓直接定影为深蓝,记录与抒情落进同一幅画面。

普鲁士蓝 / 白色的物体痕迹 / 接触投影 / 药液的不匀

design.md图像提示词

68

Sumi-e — 雪舟《破墨山水图》1495 — Wikimedia Commons / Public domain

Sumi-e

水墨画 / Tang dynasty–present / 技法 / 东亚绘画

仅以墨的浓淡与留白,留住的不是对象的形,而是它的气息、速度与远近。

墨色浓淡 / 枯笔飞白 / 大片留白 / 一笔落下的速度

design.md图像提示词

69

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

Stained Glass

ステンドグラス / medieval–present / 技法 / 装饰

以彩色玻璃与铅条分割光线,让轮廓本身既是结构也是叙事。

铅条轮廓 / 透射的色彩 / 几何分割 / 宝石色调

design.md图像提示词

71

Japonisme — 梵高《唐吉老爹》1887 — Wikimedia Commons / Public domain

Japonisme

ジャポニスム / 1850s–1900s / 风格 / 跨文化接受

把从日本版画中习得的不对称、平面性与大胆裁切,重新编入西方现代的构图。

不对称 / 大胆的裁切 / 平涂色块 / 草木与日常器物

design.md图像提示词

75

Dreamcore — 梦核示例(山丘上的门与彩虹) — Wikimedia Commons / CC0

Dreamcore

ドリームコア / late-2010s–2020s / 世界观 / 网络美学

以梦的逻辑剪辑怀旧的空间,做出既安心又失真、像记忆一样的图像。

朦胧的郊外 / 云与天空 / 费解的字句 / 眼睛与门

design.md图像提示词

77

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

Liminal Space

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

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

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

design.md图像提示词

88

Concrete Poetry — 马拉美《骰子一掷》1897 — Wikimedia Commons / Public domain

Concrete Poetry

具体詩/コンクリート・ポエトリー / 1950s–1970s / 版面 / 实验字体排印

被组构的不只是词语的意义,还有文字的位置、重复、空白与声音,它们本身就是诗。

重复的词语 / 由字母构成的形状 / 大片的空白 / 被拆解的阅读顺序

design.md图像提示词

90

Precisionism — 德穆斯《我的埃及》1927 — Wikimedia Commons / Public domain

Precisionism

プレシジョニズム / 1910s–1940s / 风格 / 美国现代艺术

把工厂、粮仓、城市与机械化约为清晰的轮廓、简洁的几何与平滑的面来描绘。

锐利的轮廓 / 工业景观 / 几何化的简化 / 平滑的表面

design.md图像提示词

92

Photogram — 莫霍利-纳吉的物影照片 1923 — Wikimedia Commons / Public domain

Photogram

フォトグラム / 1830s– / avant-garde revival / 技法 / 摄影技法

不用相机,把物体直接放在感光面上曝光,轮廓、透明度与距离由此成像。

无相机 / 物体的轮廓 / 反转的明暗 / 接触与距离

design.md图像提示词

编辑方针

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

回到页首