463

Renaissance
ルネサンス / 14th–16th century / 风格 / 历史样式
重新发现古代比例与人体,并以线性透视把三维固定于平面的运动。数学成为绘画与建筑的共同语言,对称、柱式、黄金比例这些此后五百年的规范在此确立。
一点透视的线性透视法 / 古典柱式与对称 / 以人体比例为依据的构成 / 明快的三角形构图
一部从作品本身写起的设计风格辞典。
它是纯粹的 HTML。任何浏览器、任何设备都能打开,不需要应用也不需要账号,机器读到的也是同一个页面。
| 词条 | 738 |
|---|
463

ルネサンス / 14th–16th century / 风格 / 历史样式
重新发现古代比例与人体,并以线性透视把三维固定于平面的运动。数学成为绘画与建筑的共同语言,对称、柱式、黄金比例这些此后五百年的规范在此确立。
一点透视的线性透视法 / 古典柱式与对称 / 以人体比例为依据的构成 / 明快的三角形构图
464

新古典主義 / 1760s–1830s / 风格 / 历史样式
作为对洛可可装饰过剩的反动,受庞贝发掘的启发而回到古代简素的运动。轮廓坚硬,色彩克制,题材宣讲公民美德。革命时期的国家选择了这一样式作为自己的面孔。
坚硬而明快的轮廓线 / 被压缩的色彩数量 / 古代的题材与衣饰 / 如浅舞台一般的空间
466

ゴシック・リヴァイヴァル / 1740s–1900s / 风格 / 历史样式
作为对工业化与古典主义的异议,有意重新选择中世纪尖拱与垂直性的运动。它并非单纯的怀旧。样式的选择即是关于道德与国民性的主张,这一观念正由它造就。
尖拱与垂直性的强调 / 肋架拱顶与小尖塔 / 石与铁的并用 / 取自中世纪写本的装饰
472
マテリアルデザイン / 2014– / 风格 / 谷歌 UI
把纸与墨这一物理比喻落实为阴影与叠层规则的设计体系。给元素赋予高度,用阴影表示层级,让动效带有物理因果。它成为此后界面设计「作为体系被分发」的范本。
以高度表示的层级与阴影 / 如纸张般叠合的面 / 表示因果的动效 / 被规格化的间距单位
479

480

アップル・デスクトップ・インターフェース / 1984–1997 / 风格 / 苹果 UI
Apple 在 1987 年出版的指南书中亲自命名为 The Apple Desktop Interface 的初代 Macintosh 系画面语言。在黑白 1 位的限制下,它把网点中间调、圆角窗口、由多条横线叠成的标题栏和粗的点阵字体写成了明文规范。
只有黑白两值,灰色由棋盘状排列的黑点做出 / 窗口四角是圆的,标题栏上有多条细横线 / 菜单栏固定在屏幕最上方,左端坐着 Apple 的苹果标记 / Chicago 的粗点阵字,被压进 9×7 点的字框里
482

Windows 95 インターフェース / 1995–2001 / 风格 / 微软 UI
Microsoft 在 1995 年的官方指南书中写下的画面语言。灰色的面由外缘和内缘两道线刻出,仅凭阴影的方向就能看出哪里可以按。屏幕最下方常驻一条带子,所有软件都用同样的部件搭起来。
灰色的面上,明线与暗线在外侧和内侧双重叠出的立体边框 / 常驻在屏幕下端的带子,以及放在它左端的方形按钮 / 深蓝纯色的标题栏,右端聚着三个小方块 / 没有抗锯齿的小号点阵字,只有分配给键盘的那一个字母带下划线
484

485

オープンルック / 1988–1990s / 风格 / 平台界面语言
Sun Microsystems 以规格书形式公开出版的 UNIX 工作站画面语言。它同时规定了黑白显示用的版本和立体显示用的版本,共用元素一律用同一种无衬线字体来排,并规定颜色要用得克制。弹出窗口的左肩上有一枚图钉,钉下去窗口就留在工作面上。
弹出窗口页眉左端的图钉,钉住之后窗口不关闭,而是留在工作面上 / 标签后面跟着的三个点预告会出现另一个窗口,只有轮廓的三角形预告的是菜单 / 滚动条分成电梯、缆索和上下两个缆索锚点,缆索上颜色深的一段表示当前显示的比例 / 工作面用 50% 的网点做出,菜单的阴影用 75% 的网点
489

490

メタル(Java ルック&フィール) / 1998– / 风格 / 平台界面语言
Sun 为 Swing 制定的默认外观,目的是让同一个程序在任何操作系统上看起来都一样。Metal 原本是 Sun 内部的项目代号,后来直接成了对外名称。蓝紫色的块面、一像素的平直边框,以及完全不模仿宿主平台的态度,就是它的标志。
内部窗口的标题栏是深蓝紫色的横带,压在淡蓝紫色的底上 / 标题栏和分隔线上压印着由细点与斜线组成的纹理 / 按钮是没有圆角的矩形,四周围着一像素的深蓝紫色细线 / 窗口的外框由操作系统绘制,框内的一切却遵循另一套视觉语言
491

494
.png?width=320)
GOV.UK デザインシステム / 2012– / 风格 / 平台界面语言
英国政府的 Government Digital Service 为公共服务公开并维护的设计语言。全部内容排成没有装饰的左对齐单栏,用 GDS Transport 字体,不做圆角的绿色按钮靠下边一条深绿的带获得厚度,按下去正好沉下这个厚度。取得键盘焦点的元素则变成黄底加黑色下划线。
没有装饰的左对齐单栏,几乎不用边框,也不用阴影 / 不做圆角的绿色按钮,下边铺着一条深绿的带,按下时正好沉下这一层厚度 / 只有取得焦点的元素会变成黄底,下面再画一条黑线 / 字号只有 48、36、24、19、16px 这几档,中间没有别的尺寸
495

スクロールテリング / 2012– / 版面 / 网页上的读物
把读者滚动的动作本身当作叙事进程的网页版面。图表、地图和视频随滚动而更替,往回滚就按同样的顺序退回原状。研究界把它归为长篇报道的网络形态,情节要么是一条直路,要么是伸缩式的,只有愿意的人才潜得更深。
图表停在画面上不动,只有一条窄窄的正文栏从它上面经过 / 图表的更替靠不透明度的变化和地图的移动完成,反向滚动就退回原状 / 照片、视频和数据图三样并存于同一篇报道中 / 路径要么一直走到底,要么中途分岔到更深的段落再回到主线
498

エクスプローラブル・エクスプラネーション / 2011– / 技法 / 网页上的读物
Bret Victor 在 2011 年 3 月同名文章中命名的写法,即把一具运转中的模型嵌进读物里。正文中的数值下面画着点线,抓住它拖动,后续的文句和旁边的图就同时改写。读者因而能亲手摇一摇,验证论点的依据。
正文中的数值下面画着点线,一碰就变成蓝色 / 把那个数值左右拖动,后面的文句和旁边的图会同时改写 / 图不被隔离在另设的沙盒里,而是与段落连成一片 / 什么都不碰时图也讲得通,按初始值就能一路读下去
515

タラベラ・ポブラーナ / 16th century– / 风格 / 陶瓷风格
西班牙锡釉陶在普埃布拉被重新做过而成的器物,在厚厚的乳白釉上作画。它借用越太平洋而来的中国瓷器的单一蓝色构图,又掺入双头鹰、格查尔鸟这类当地图像,这一点与作为源头的马约里卡不同。
厚厚的乳白釉覆满整器,在口沿与近圈足处形成釉积的台阶 / 以单一蓝色画出的分格纹样,把口沿细细划分并绕行一周 / 在中国风的花与石之间,插入一个双头鹰或格查尔鸟这样的当地图像 / 瓷砖以相同图样排列覆盖整面墙,而每一片的运笔轻重都不一样
523
%20-%20Montreal%20Museum%20of%20Fine%20Arts%20-%20Montreal%2C%20Canada%20-%20DSC09349.jpg?width=320)
ビーダーマイヤー / 1820s–1850s / 风格 / 家具与室内
对1820年代至1850年代中欧美术与室内的一个后来才安上的讽刺称呼,后来就此成了样式名。它与中产阶级的趣味相连,特点是避开繁复装饰的率直造型,以及饱含情感地描绘身边人物与自然的题材。
家具上不加雕刻与镶嵌,轮廓保持简单就此收住。 / 取代装饰的是木板本身的纹理直接朝向正面。 / 题材取自身边的人物与自然,带着情感描写。 / 尺度不大,适合市民的居室而不是王侯的大厅。
525

アンピール様式 / 1804–1814 / 风格 / 家具与室内
拿破仑帝政时期由法国向各地扩散的室内与家具样式,在素净的大面上以点的方式钉上金色铜饰。狮足、带翼斯芬克斯头、莲花与圆形花饰成对排列,左右对称地布置,因而看上去比先前的新古典更重。
素净的桃花心木平面上,金色铜饰以等间距的点钉上去。 / 前腿下端收成狮足,上端变作带翼的斯芬克斯头承托扶手。 / 圆形花饰铜件在椅背下段等距排成一列。 / 同款椅子成对摆放,坐面与墙面覆同一种深色丝绸。
527

クラフツマン様式 / 1870s–1920s / 风格 / 家具与室内
约1870年至1925年间在美国流行的建筑、室内与工艺样式。它以放弃历史样式的引用、选择简素这一点承接英国的工艺美术运动,但推动者一直扩展到社会改良家、教育者和妇女团体。它多见于平房这类小型住宅,以材料如实外露的形态出现。
梁与托木一类结构构件不被封住,就那样露在外面。 / 没有柱头、涡卷这些从历史样式借来的装饰部件。 / 它成立在平房这类小住宅的尺度上,而不是大宅邸。 / 木与石不被涂料盖住,面由材料本身的颜色和纹理构成。
532
ゼロックス・スター・インターフェース / 1981–1990s / 风格 / 平台界面语言
1981年 Xerox 8010 的画面所确立的设计语言。文件夹、收发文篮、文件抽屉这类办公用品被画成带文字标签的图像排在屏幕上,当时的宣传册称之为电子桌面。画面上的东西可以用鼠标随意移动、复制和丢弃。
画面上的图像一定配有文字标签,不让图形单独承担意义 / 图像画的是办公桌上的东西,文件夹、收发文篮、文件抽屉 / 用鼠标抓取物件,移动、复制和删除属于同一套动作 / 电子表格表现为行与列的网格,操作网格的命令统一收进菜单
534

537

538
.png?width=320)
539

スケルトン・スクリーン / 2013– / 技法 / 界面风格
加载时不出旋转图标,而是先把内容进入之前的空画面显示出来,再把信息一点点灌进去的做法。Luke Wroblewski 在2013年以自制应用 Polar 的反思为由,用这个名字介绍了它。它展示的不是让人等待这件事,而是事情正在推进。
加载过程中不出现旋转图标和进度条 / 正文和图片要落入的位置上,先放着同样尺寸的素面色块 / 内容到达之前版面就已确定,到达后元素也不移动 / 信息不是一次全出,而是按区域依次填满
IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现,并能与近邻区分的视觉语言。 收录标准