IndexStyle

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

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

词条738

辞典

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

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

24/202 条

1

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

Swiss

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

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

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

design.md图像提示词

2

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

Bauhaus

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

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

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

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

8

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

Web Brutalism

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

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

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

design.md图像提示词

9

Mid-Century Modern — Charles 与 Ray Eames《Lounge Chair》1956 — Wikimedia Commons / CC BY 2.0 · © Casey Marshall

Mid-Century Modern

ミッドセンチュリー・モダン / 1940s–1960s / 风格 / 复古

为理性的几何加上带有手感的曲线与温度。

有机形态 / 沉静的暖色 / 简练的插画 / 斜向的动势

design.md图像提示词

24

Skeuomorphism — Flachatmer《模仿吉他音箱的界面 Guitarix 0.35.0》2016年 — Wikimedia Commons / CC BY-SA 4.0

Skeuomorphism

スキューモーフィズム / 2000s–2010s / 风格 / 界面风格

借用真实材料与工具的线索,让陌生的交互变得可以理解。这个词说的是一条原理,所以 Aqua 和拉丝金属都是这条原理在具体产品里被实现出来的样子。

皮革、金属、纸张 / 立体的投影 / 现实世界的隐喻 / 细腻的质感

design.md图像提示词

31

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

Neubrutalism

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

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

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

design.md图像提示词

40

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

Blueprint

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

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

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

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

51

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

Vienna Secession

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

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

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

design.md图像提示词

52

Plakatstil / Sachplakat — 卢齐安·伯恩哈特《Priester Matches》海报 c. 1905 — 引自 People’s Graphic Design Archive

Plakatstil / Sachplakat

プラカートシュティール/即物ポスター / 1900s–1910s / 风格 / 广告海报

把广告削减到只剩产品与它的名字,让意义在街对面一眼送达。

单一的产品图像 / 粗壮的轮廓 / 平涂色 / 简短的品牌名

design.md图像提示词

55

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

De Stijl

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

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

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

design.md图像提示词

58

WPA Poster — 哈里·赫尔佐格/联邦艺术计划《See America》1936–40 — Library of Congress / No known restrictions on publication

WPA Poster

WPAポスター / 1935–1943 / 风格 / 公共设计

以简练的图像与少量印色,把公共的意图广泛而有力地传递出去。

简化的风景 / 粗壮无衬线体 / 丝网印色 / 明确的行动号召

design.md图像提示词

59

Isotype — 奥托·诺伊拉特与格尔德·阿恩茨《Gesellschaft und Wirtschaft》1930 — 引自 gerdarntz.org

Isotype

アイソタイプ / 1920s–1940s / 版面 / 信息设计

把数量转译为等大符号的重复,让比较在语言之前就已可读。

统一的象形符号 / 符号的重复 / 比较的轴 / 克制的用色

design.md图像提示词

64

Letterpress — 金属活字 — Wikimedia Commons / CC BY 2.5 · © Willi Heidelbach

Letterpress

活版印刷 / 15th century– / 技法 / 凸版印刷

排布实体活字,把文本可重复的秩序与压印在纸上的触感结合起来。

活字的规整 / 压入纸面的印痕 / 有限的字宽 / 墨色的深浅

design.md图像提示词

74

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

Corporate Memphis

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

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

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

design.md图像提示词

85

The New Typography — 莫霍利-纳吉的字体拼贴 1922(CC BY 3.0) · © Sailko

The New Typography

ニュー・タイポグラフィ / 1920s–1930s / 版面 / 实验字体排印

以不对称、无衬线体、摄影与功能性的层级,把印刷品变成理性的信息结构。

不对称 / 无衬线字体 / 摄影 / 功能性的留白

design.md图像提示词

90

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

Precisionism

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

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

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

design.md图像提示词

99

International Style — 密斯 860–880 湖滨大道公寓(CC BY-SA 2.5) · © User:JeremyA

International Style

インターナショナル・スタイル / 1920s–1960s / 风格 / 近现代建筑

剥除装饰,指向跨越国界的普遍建筑语言:方盒、自由平面,钢、混凝土与玻璃。

矩形体量 / 玻璃面 / 去除装饰 / 自由平面

design.md图像提示词

编辑方针

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

回到页首