6
IndexStyle
一部从作品本身写起的设计风格辞典。
它是纯粹的 HTML。任何浏览器、任何设备都能打开，不需要应用也不需要账号，机器读到的也是同一个页面。
| 词条 | 776 |
|---|
辞典
理解为Trust金融
7
%201%E2%80%935%20(1987)%2C%20Tate%20Modern%2C%20London%2C%20UK.jpg)
Minimalism
ミニマリズム / 1960s– / 风格 / 功能主义
接近的原因Trust金融Calm
通过削减元素，把留下之物的意义与张力推到极致。
大量留白 / 极少的元素 / 安静的色彩 / 精确的间距
230
Pictogram System
案内用ピクトグラム / 1964– / 风格 / 信息设计
接近的原因Trust金融Technique
不依赖语言即可指称设施与行为的统一符号系统。1964年东京系统化了运动与导视符号；AIGA/DOT的交通符号集则成为进入公有领域的世界标准。
几何化的人形 / 统一的线宽 / 作为系统的一致性 / 不依赖语言
484
490
Metal (Java Look and Feel)
メタル（Java ルック＆フィール） / 1998– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Sun 为 Swing 制定的默认外观，目的是让同一个程序在任何操作系统上看起来都一样。Metal 原本是 Sun 内部的项目代号，后来直接成了对外名称。蓝紫色的块面、一像素的平直边框，以及完全不模仿宿主平台的态度，就是它的标志。
内部窗口的标题栏是深蓝紫色的横带，压在淡蓝紫色的底上 / 标题栏和分隔线上压印着由细点与斜线组成的纹理 / 按钮是没有圆角的矩形，四周围着一像素的深蓝紫色细线 / 窗口的外框由操作系统绘制，框内的一切却遵循另一套视觉语言
547
Shopify Polaris
Shopify Polaris / 2017– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Shopify 的界面框架把商品、订单、付款与顾客统一为一套商业语言。卡片和区块把决策分开，简短的状态与操作文字帮助商家持续推进店铺事务。
白色卡片叠放在浅色底面上 / 绿色用作成功或向前推进的信号 / 标题、状态与主要操作集中在页面上方 / 以紧凑徽标表示商品、订单与付款状态
558
NHS Design System
NHSデザインシステム / 2016– / 风格 / 公共设计
接近的原因Trust金融Calm
NHS系统通过直白语言、鲜明焦点状态和经过测试的临床模式，让紧急健康信息与服务保持平静、直接和一致。
NHS蓝与充足留白 / 大标题与短段落 / 警告和护理建议提示框 / 清楚可见的焦点与简单表单
559
BBC Global Experience Language
BBC GEL / 2010– / 风格 / 平台界面语言
接近的原因Trust金融Technique
BBC的全球体验语言通过清晰层级、无障碍媒体控制和可复用编辑组件，统一新闻、视频、音频与儿童产品。
白色内容上方的黑色页头 / 短而粗的新闻标题 / 保持统一图像比例的新闻卡片 / 高度可见的焦点、字幕和播放控制
580
CDE Interface
CDEインターフェース / 1993–2000s / 风格 / 平台界面语言
接近的原因Trust金融Technique
通用桌面环境通过基于 Motif 的边框、持久的前面板、工作区切换以及低色调图标，将不同的 UNIX 工作站统一起来，使它们感觉就像一个共同的工作场所。
类似于盒子的前面板位于底部 / 由浅色和深色的组合制成的凸起按钮和凹陷区域 / 带有深色轮廓的低色调像素图标 / 用于在不同工作区之间切换的持久性按钮
582
GNOME Clearlooks
GNOME Clearlooks / 2005–2011 / 风格 / 平台界面语言
接近的原因Trust金融Calm
GNOME 2.12 的标准主题，通过浅灰色窗口、蓝色选择框、适度的光泽和清晰的界限，使 GTK 应用变得友好且简单。
浅灰色表面搭配蓝色选择框 / 仅在按钮顶部有柔和的突出显示 / 带有适度圆角的标签和字段 / 小型的 GNOME 图标以及简洁的两层级结构
485
OPEN LOOK
オープンルック / 1988–1990s / 风格 / 平台界面语言
接近的原因Trust金融Technique
Sun Microsystems 以规格书形式公开出版的 UNIX 工作站画面语言。它同时规定了黑白显示用的版本和立体显示用的版本，共用元素一律用同一种无衬线字体来排，并规定颜色要用得克制。弹出窗口的左肩上有一枚图钉，钉下去窗口就留在工作面上。
弹出窗口页眉左端的图钉，钉住之后窗口不关闭，而是留在工作面上 / 标签后面跟着的三个点预告会出现另一个窗口，只有轮廓的三角形预告的是菜单 / 滚动条分成电梯、缆索和上下两个缆索锚点，缆索上颜色深的一段表示当前显示的比例 / 工作面用 50% 的网点做出，菜单的阴影用 75% 的网点
491
532
Xerox Star Interface
ゼロックス・スター・インターフェース / 1981–1990s / 风格 / 平台界面语言
接近的原因Trust金融Technique
1981年 Xerox 8010 的画面所确立的设计语言。文件夹、收发文篮、文件抽屉这类办公用品被画成带文字标签的图像排在屏幕上，当时的宣传册称之为电子桌面。画面上的东西可以用鼠标随意移动、复制和丢弃。
画面上的图像一定配有文字标签，不让图形单独承担意义 / 图像画的是办公桌上的东西，文件夹、收发文篮、文件抽屉 / 用鼠标抓取物件，移动、复制和删除属于同一套动作 / 电子表格表现为行与列的网格，操作网格的命令统一收进菜单
560
Mozilla Protocol
Mozilla Protocol / 2017– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Mozilla的灵活网页系统把内容和全球可访问性置于装饰之前，同时保留开放网络鲜明活泼的个性。
粗黑标题与大面积留白 / 大块鲜亮色彩 / 灵活的宣传区与卡片 / 短文案与明确行动号召
570
Ubuntu Yaru
Ubuntu Yaru / 2018– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Ubuntu由社区构建的默认主题，在基于Adwaita的GTK和GNOME Shell之上加入Ubuntu橙、深色页头栏与源自Suru的图标，并把窗口、Shell、图标、光标和声音作为一套发布。
浅色窗口主体与深色页头栏对比 / Ubuntu橙用于选择与焦点 / 由圆、方及纵横椭圆构成的Suru系图标 / 一像素边缘、克制渐变与下方阴影
599
Palm OS Interface
Palm OSインターフェース / 1996–2009 / 风格 / 平台界面语言
接近的原因Trust金融Technique
Palm OS 将一个微小的单色屏幕、触控笔和严格的内存限制，通过标题、类别菜单、命令栏、硬件按钮以及手写区域，转变为一个一致且便携的工作工具。
大约 160 x 160 像素的分辨率，单色显示 / 标题位于左上角，类别弹出窗口位于右上角 / 从底部边缘延伸出的命令栏和四个应用程序按钮 / 细小的、单位的图标、规则以及手写输入区域
600
OS/2 Workplace Shell
OS/2 Workplace Shell / 1992–2001 / 风格 / 平台界面语言
接近的原因Trust金融Technique
在 OS/2 系统中，文件夹、打印机、驱动器和设置被视为可操作的对象，而不是独立的图标。 通过尺寸边界、阴影图标、笔记本设置以及直接拖放功能，整个桌面变成了一个面向对象的办公环境。
浅灰色表面，带有双重浅色和深色的尺寸边缘 / 从斜视角度绘制的低色彩对象图标 / 带有叠放边缘标签的笔记本设置 / 在文件夹、碎纸机和驱动器之间直接拖放
32
Flat Design / Vector Minimalism
フラットデザイン / ベクターミニマリズム / 2010s– / 风格 / 界面风格
接近的原因Trust金融
把信息还原为平坦的色块与色彩，可在各种屏幕与媒介间通用。
均质的色块 / 简单的形状 / 极少的阴影 / 明快的色彩
58
WPA Poster
WPAポスター / 1935–1943 / 风格 / 公共设计
接近的原因Trust金融
以简练的图像与少量印色，把公共的意图广泛而有力地传递出去。
简化的风景 / 粗壮无衬线体 / 丝网印色 / 明确的行动号召
8
Web Brutalism
ウェブ・ブルータリズム / 2014– / 风格 / 界面风格
接近的原因Trust金融
直接呈现浏览器的默认样式，拒绝模板化的精致外观。
默认的标题与链接 / 带下划线的蓝色链接 / 极端的字号落差 / 没有装饰的分隔线与留白
31
Neubrutalism
ニューブルータリズム / 2010s– / 风格 / 界面风格
接近的原因Trust金融
以粗黑边框与直白的色彩，温和地反叛过度精致的网页。
粗黑边框 / 硬边投影 / 鲜艳的色彩 / 扁平的组件
2
24
Skeuomorphism
スキューモーフィズム / 2000s–2010s / 风格 / 界面风格
接近的原因Trust金融
借用真实材料与工具的线索，让陌生的交互变得可以理解。这个词说的是一条原理，所以 Aqua 和拉丝金属都是这条原理在具体产品里被实现出来的样子。
皮革、金属、纸张 / 立体的投影 / 现实世界的隐喻 / 细腻的质感
55
编辑方针
IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现，并能与近邻区分的视觉语言。 收录标准
- 参考图片一律是真实存在的作品：美术馆、图书馆、档案机构收藏的照片与图版，或官方资料。本站既不创作也不修改。
- 若无法显示合法、清晰且足以代表该风格的参考图，条目可补充一张或多张 AI 生成的诠释图像。它们必定标注清楚，不进入参考作品图集、分享图与出处证据。目前 776 条中有 151 条如此。
- 每一条目都注明据以收录的出处并附链接；出处链接在收录时核验，其后也会定期复查。
- 风格、技法与互联网美学分类清楚，绝不混为一谈。
- 相关条目可双向追溯。
- 图片权利的处理方式请参见关于引用与参考图片。