一部从作品本身写起的设计风格辞典。
它是纯粹的 HTML。任何浏览器、任何设备都能打开，不需要应用也不需要账号，机器读到的也是同一个页面。
| 词条 | 776 |
|---|
481
visionOS 空間デザイン / 2023– / 风格 / 苹果 UI
Apple 在面向 Vision Pro 的指南中确定的画面语言。窗口是一块用被称作玻璃的材质做成的直立平面，周围的实景可以透过去，镜面反射和阴影告诉人它放在哪里、有多大。点不是用像素而是用角度定义的，所以推远之后看上去的大小不变。
背景无法更换的直立玻璃面，实景透过来，上面落着镜面反射和阴影 / 默认窗口为 1280x720 pt，打开时约在两米之外，看上去的宽度约三米 / 只让看着的元素发亮的悬停效果，命中区域被收成一块圆角的整体 / 没有边框的 volume 上，关闭按钮和窗口条会转向走过去的那一侧
482
Windows 95 インターフェース / 1995–2001 / 风格 / 微软 UI
Microsoft 在 1995 年的官方指南书中写下的画面语言。灰色的面由外缘和内缘两道线刻出，仅凭阴影的方向就能看出哪里可以按。屏幕最下方常驻一条带子，所有软件都用同样的部件搭起来。
灰色的面上，明线与暗线在外侧和内侧双重叠出的立体边框 / 常驻在屏幕下端的带子，以及放在它左端的方形按钮 / 深蓝纯色的标题栏，右端聚着三个小方块 / 没有抗锯齿的小号点阵字，只有分配给键盘的那一个字母带下划线
483
484
485
オープンルック / 1988–1990s / 风格 / 平台界面语言
Sun Microsystems 以规格书形式公开出版的 UNIX 工作站画面语言。它同时规定了黑白显示用的版本和立体显示用的版本，共用元素一律用同一种无衬线字体来排，并规定颜色要用得克制。弹出窗口的左肩上有一枚图钉，钉下去窗口就留在工作面上。
弹出窗口页眉左端的图钉，钉住之后窗口不关闭，而是留在工作面上 / 标签后面跟着的三个点预告会出现另一个窗口，只有轮廓的三角形预告的是菜单 / 滚动条分成电梯、缆索和上下两个缆索锚点，缆索上颜色深的一段表示当前显示的比例 / 工作面用 50% 的网点做出，菜单的阴影用 75% 的网点
486
ネクストステップ・インターフェース / 1988–1997 / 风格 / 平台界面语言
NeXT 在 1993 年的官方指南书中确定的画面语言。文件把目标写得很直白，配色只用黑、白、灰，外观简洁，靠明暗做出立体感。菜单在屏幕左上角立成一根竖柱，常驻应用的方块沿右边缘竖着排列。
屏幕左上角竖成一列的菜单，下级菜单接在它的右侧展开 / 沿屏幕右边缘竖着排列的正方形应用图标 / 只用没有色相的灰阶刻出来的厚重斜面 / 正在使用的窗口标题栏涂成黑色，只是位于前面的窗口则是深灰
487
アミガ・ワークベンチ / 1985–1996 / 风格 / 平台界面语言
Commodore 在自家风格指南中规定的 Amiga 画面语言。早期只用蓝底加白与橙这四种颜色，方硬的点阵字体 Topaz 挤在 640×200 的格子里。分层的不是窗口而是画面本身，把上端的横条往下拉，后面的画面就露出来。
蓝底加白与橙，整个画面只用四种颜色 / 方硬的点阵字体挤在 640×200 的粗格子里 / 通栏的标题栏横贯屏幕上端，右端排着用来前后调换的 gadget / 可用的部件靠左上明线、右下暗线浮起，按下时明暗反转而沉下去
488
BeOS インターフェース / 1995–2001 / 风格 / 平台界面语言
Be 公司的画面语言，它舍弃了占满窗口上边的标题栏，只放一个宽度只有标题那么长的黄色标签。正如官方指南所说，这是 Be 窗口独有的功能，按住 Shift 就能把标签横向滑动，于是窗口叠起来时也只剩标签并排留在外面。
只有最前面那个窗口的标签是黄色的，其余窗口的标签仍是灰色 / 标签的宽度只跟标题的长度一样，而不是窗口的整个宽度 / 按住 Shift 拖动标签，标签就沿窗口上边左右滑动 / 屏幕右上角立着 Deskbar，正在运行的应用竖着堆在下面
489
490
メタル（Java ルック＆フィール） / 1998– / 风格 / 平台界面语言
Sun 为 Swing 制定的默认外观，目的是让同一个程序在任何操作系统上看起来都一样。Metal 原本是 Sun 内部的项目代号，后来直接成了对外名称。蓝紫色的块面、一像素的平直边框，以及完全不模仿宿主平台的态度，就是它的标志。
内部窗口的标题栏是深蓝紫色的横带，压在淡蓝紫色的底上 / 标题栏和分隔线上压印着由细点与斜线组成的纹理 / 按钮是没有圆角的矩形，四周围着一像素的深蓝紫色细线 / 窗口的外框由操作系统绘制，框内的一切却遵循另一套视觉语言
491
492
クロスメディアバー / 2003–2013 / 版面 / 平台界面语言
索尼以 XMB 之名注册商标的家用游戏机与电视界面语言。正如官方手册所说，横向一行排的是功能分类，纵向一列排的是该分类下可做的事，只有两行相交的那一点亮成金色，指明当前位置。其余的都在深色底上以淡蓝安睡。
横行与纵列在略偏左的位置相交，只有交点上的那一项发出金光 / 写出名称的只有选中项，其余的都只剩图标 / 底色是接近黑色的深蓝，图标不是实心块面而是淡蓝的细线 / 十字键左右换分类、上下换项目，移动的却是行列本身，交点始终不动
493
494
.png)
GOV.UK デザインシステム / 2012– / 风格 / 平台界面语言
英国政府的 Government Digital Service 为公共服务公开并维护的设计语言。全部内容排成没有装饰的左对齐单栏，用 GDS Transport 字体，不做圆角的绿色按钮靠下边一条深绿的带获得厚度，按下去正好沉下这个厚度。取得键盘焦点的元素则变成黄底加黑色下划线。
没有装饰的左对齐单栏，几乎不用边框，也不用阴影 / 不做圆角的绿色按钮，下边铺着一条深绿的带，按下时正好沉下这一层厚度 / 只有取得焦点的元素会变成黄底，下面再画一条黑线 / 字号只有 48、36、24、19、16px 这几档，中间没有别的尺寸
495
スクロールテリング / 2012– / 版面 / 网页上的读物
把读者滚动的动作本身当作叙事进程的网页版面。图表、地图和视频随滚动而更替，往回滚就按同样的顺序退回原状。研究界把它归为长篇报道的网络形态，情节要么是一条直路，要么是伸缩式的，只有愿意的人才潜得更深。
图表停在画面上不动，只有一条窄窄的正文栏从它上面经过 / 图表的更替靠不透明度的变化和地图的移动完成，反向滚动就退回原状 / 照片、视频和数据图三样并存于同一篇报道中 / 路径要么一直走到底，要么中途分岔到更深的段落再回到主线
496
インフィニット・キャンバス / 2000– / 版面 / 网页上的读物
Scott McCloud 在 2000 年的《Reinventing Comics》中命名的网络漫画版面。它把屏幕看作窗口而不是书页，把分格放在一张可以无限延伸的面上。由于这是用空间来量度时间的媒介，格与格之间的距离就成了叙事的快慢。
纵向或横向都远超纸张开本的一整面，中间没有一处分页 / 分格拉开的地方叙事变慢，挤在一起的地方叙事变快 / 像楼梯般下落或盘成螺旋的分格队列，这样的排布在书页里无法成立 / 一格的尺寸可以是相邻一格的几十倍，这种幅度是开本所不允许的
497
ウェブトゥーン（縦スクロール漫画） / 2003– / 版面 / 网页上的读物
在韩国门户网站上长成的、只沿一条纵列流动的漫画版面。格与格之间的空白本身成了表现，其长度既指示流逝的时间或场景的转换，也承担底色、落下的雨，乃至从格中放出来的台词。读者无法偷看后面，滚动多少，时间就走多少。
分格只排成一条纵列，眼睛没有向横向移动的去处 / 格间的空白比分格本身还长，那里放着底色、落下的雨或台词 / 出现一格纵向约为宽度八倍的长格，要滚动好几次才看得全 / 从头到尾全彩，并按与屏幕宽度相配的固定横幅来画
498
エクスプローラブル・エクスプラネーション / 2011– / 技法 / 网页上的读物
Bret Victor 在 2011 年 3 月同名文章中命名的写法，即把一具运转中的模型嵌进读物里。正文中的数值下面画着点线，抓住它拖动，后续的文句和旁边的图就同时改写。读者因而能亲手摇一摇，验证论点的依据。
正文中的数值下面画着点线，一碰就变成蓝色 / 把那个数值左右拖动，后面的文句和旁边的图会同时改写 / 图不被隔离在另设的沙盒里，而是与段落连成一片 / 什么都不碰时图也讲得通，按初始值就能一路读下去
499
架空ユーザーインターフェース / 1997– / 风格 / 界面风格
给制作电影中出现的屏幕这门手艺贴上的名字。它随着 Mark Coleran 的作品传开，而他本人说这个称呼被算在自己头上，却不确定能否领受。他把这些屏幕看作插画，是一种叙事装置，从一开始就不是为了真正操作而设计的。他只用光、形状、体量、动态与声音，让每一块出现在电影里的屏幕都只有一处是给观众读的。
每块屏幕只有一处是要给观众读的，其余一切都只是作为密度存在 / 等宽数字的栏目不停刷新，实际上什么也没有计算 / 黑底上的细亮线条，图形只画轮廓，几乎没有填色 / 边框和按键看起来像真实可信的设备，而不是纯粹的抽象图形
500
ダイエジェティックUI / 2009– / 技法 / 界面风格
游戏界面设计中，一个元素既属于虚构世界又属于三维空间的那一格，被冠上了这个名字。2009 年 Chalmers University of Technology 的一篇硕士论文与 EA DICE 合作完成，把游戏界面放在这两条轴上重新排布，并把这个词专留给那一格。生命值直接亮在主角自己的装备上，就是典型。
生命值或弹药显示在主角自己的装备上，而不是画面角落 / 地图不是暂停后叠加的画面，而是主角拿在手里边走边看的道具 / 信息面板投影在空中，视角一动就跟着倾斜，因为它本来就占着空间 / 指路信息由立在世界当中的路牌颜色来传达
501
1ビットアイコン / 1982–1990s / 技法 / 界面风格
Susan Kare 为 Macintosh 确立的、只用黑白二值来画图标的做法。她在方格纸上起稿，一格就是一个像素，并把命令改说成日常物件，剪刀代表剪切，垃圾桶代表删除，这样整套图标在任何国家都能不加文字说明就读懂。她的原稿本如今已成为美术馆的收藏品。
只用黑白两个值，灰色由棋盘格式间隔的点来代替 / 轮廓由一像素的线闭合，内部要么填实要么打网点，绝不做明暗过渡 / 剪刀、垃圾桶、文件这些常见物件，直接充当操作的名字 / 能看出一格一个点落下的痕迹，斜线因此折成阶梯
502
ハイパーカードのスタック / 1987–2004 / 版面 / 数字复古
外行人自己做、自己传出去的黑白二值画面集。占满屏幕的不是一页而是一张卡片，图和字贴在同一个面上，靠下端排开的小图标按钮跳到另一张卡片或另一叠去。
一张卡片占满屏幕，没有翻页的动作 / 白底黑色的二值绘制，灰色和照片都被打散成网点 / 卡片下端有一排小小的方形图标按钮，紧挨着排成一列 / 图和字同处一面，输入栏只用一条下划线来表示
503
Winampスキン / 1997–2005 / 风格 / 数字复古
外行人自己画、自己传出去的播放器脸面。丢掉矩形的窗框，去模仿台式音响的前面板，连数字和字母也不是字体，而是当作位图的图画排在一张图片上画出来。
丢掉矩形的窗框，外形模仿台式音响的前面板 / 数字和字母以等宽的极小位图，排在同一张图片上 / 金属的反光和液晶的发光，不靠渐变而靠一个个点的排布做出来 / 主体、均衡器、播放列表三扇窗吸在一起，竖着看像一台机器
504
ミニテルのサービス画面 / 1980–2012 / 版面 / 数字复古
为了装进方格终端而做的、一屏之内自成完整的服务页面。上端放服务的名字，下面把要输入编号来选的条目竖着排开，标题和图形则用把字符格再分开的粗块拼出来。
上端有一条服务名的横带，其下是编了号的条目竖成一列 / 标题和图形由把一个字格纵分三、横分二的小块拼成 / 只用八种饱和的颜色，不出现中间色，也没有渐变 / 输入的位置用反白的横带标出，强调只有反白和下划线两种
IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现，并能与近邻区分的视觉语言。 收录标准