IndexStyle

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

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

词条776

辞典

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

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

24/776 条

385

Player Piano Roll — 自动钢琴纸卷(CC BY-SA 4.0) · © Draconichiaro

Player Piano Roll

自動ピアノロール / 1896–1930s / 风格 / 记谱体系

纸上打出的孔洞本身就是演奏,卷纸由此成为记录媒介。它是乐谱从供人阅读转向供机器阅读的转折点,也是打孔卡与数字音序器的祖先。

成排的穿孔 / 滚动前进的纸卷 / 机器可读的音乐 / 被物理记录下来的演奏

design.md图像提示词

386

Spectrogram — 鸟鸣的声谱图 — Wikimedia Commons / Public domain

Spectrogram

スペクトログラム / 1940s– / 技法 / 图解与图示

把声音映射到时间、频率与强度构成的平面上的可视化方式。从鸟鸣研究到今天的音乐制作软件界面,它成了看见声音形状的标准,甚至有音乐人把图画藏在里面。

时间—频率平面 / 以明暗表示强度 / 声纹的图样 / 藏图的玩法

design.md图像提示词

387

Cymatics — 克拉德尼板上的图形(CC BY-SA 4.0) · © Exhibit made by Estes Objethos Atelier, photo by Rodrigo Tetsuo Argenton

Cymatics

サイマティクス / 1787– / 技法 / 图解与图示

从克拉尼在振动板上用沙子做出的图形开始,把声音当作物质纹样来观看的实验。每个频率浮现出各自的几何,这是让人亲眼看到声与形之对应的最古老的可视化装置。

克拉尼图形 / 沙与粉末中的驻波 / 每个频率一种图案 / 装置的直接性

design.md图像提示词

388

Labanotation — ラバノーテーションによる譜 — Wikimedia Commons / CC BY-SA 4.0 · © Raphaël Cottin

Labanotation

ラバノーテーション / 1928– / 风格 / 记谱体系

把身体的动作换写成一根自下而上阅读的竖柱的记谱法。记号的形状承担方向,深浅承担高度,长度承担持续时间,横向落在柱上的位置则说明动的是哪个部位。

自下而上阅读的竖柱上,记号一个挨一个地叠上去 / 记号的形状标出九个方向,中线的左右分开身体的左右 / 记号内部的深浅分出低、中、高三段 / 记号的长度直接就是持续时间,拍子的刻度和小节线横穿竖柱

design.md图像提示词

389

Origami Diagram — 折纸的展开图(CC BY 4.0) · © Nicoguaro

Origami Diagram

折り図 / 1950s– / 风格 / 图解与图示

由吉泽章系统化的虚线与箭头语言,用以把立体的折叠写在平面的纸页上。山折与谷折跨越语言而被读懂,折痕图也成了数学的对象。

山折与谷折的线型 / 指引每一步的箭头 / 循序展开的分步图解 / 折痕图的几何

design.md图像提示词

390

Knitting Chart — 玛丽·尼德纳/古西·冯·雷登《Beyers Handarbeitsbücher 45: Kunst-Stricken I》的编织符号 1921 — Wikimedia Commons / Public domain

Knitting Chart

編み図 / 19th century– / 风格 / 记谱体系

把针目符号化、排进方格的手工艺乐谱。日本的 JIS 针目符号将每一针的操作压缩成一个图形,做到了读之前先看见,与依赖文字叙述的欧美形成对照。

针法符号的方格 / 一针一符号 / 行与针目的坐标 / 与成品织物的对应

design.md图像提示词

391

Braille — 盲文之前的六种凸字方案 — Wikimedia Commons / Public domain

Braille

点字 / 1824– / 风格 / 符号系统

路易·布莱叶十五岁时设计的触觉文字体系,用2×3的点位表示全部字母。一格恰好落在指腹之内,这个尺寸设计是人体工学与字体设计难得的一次重合。

2×3的点位方格 / 贴合指尖的尺寸 / 自左向右的触读 / 凸压的物质感

design.md图像提示词

392

Signal Flags — 国际信号旗一览 — Wikimedia Commons / Public domain

Signal Flags

国際信号旗 / 1857– / 风格 / 符号系统

在海上拼写字母与固定语句的旗语体系。纯为远距离可辨而选定的高对比几何,成就了一部由功能催生的抽象杰作集。

高对比的几何 / 为远距离而设计 / 一旗一字母 / 升至桅顶的旗列

design.md图像提示词

393

Weather Map — 地面天气图 1947 — Wikimedia Commons / Public domain

Weather Map

天気図 / 1851– / 风格 / 图解与图示

用等压线、锋面符号与天气符号把大气画在一张纸上。以曲线的疏密让看不见的气压场变得可见,从报纸到电视,成为大众所见的科学图形。

等压线的疏密 / 冷锋与暖锋符号 / 天气符号体系 / 标注出的高压与低压

design.md图像提示词

394

Circuit Diagram — 无线电接收机电路图 1920 — Wikimedia Commons / Public domain

Circuit Diagram

回路図 / 1890s– / 风格 / 图解与图示

用标准化符号与正交线条画出电路的工程语言。它舍去物理位置,只记录连接关系,这种抽象比地铁线路图还早,是一套拓扑的图法。

标准化的元件符号 / 正交的走线 / 连接点的圆点 / 从实际布局中抽离

design.md图像提示词

395

Flowchart — 吉尔布雷斯的流程图符号 1921 — Wikimedia Commons / Public domain

Flowchart

フローチャート / 1921– / 版面 / 图解与图示

吉尔布雷斯夫妇为作业分析而发明的工序图法。菱形表示判断、矩形表示处理,这套形状的语法经由编程普及,成了思考步骤这件事本身的通用语言。

形状的语法 / 表示判断的菱形 / 指示流向的箭头 / 起止端点符

design.md图像提示词

396

Care Symbols — 洗涤标签 — Wikimedia Commons / Public domain

Care Symbols

洗濯表示 / 1958– / 风格 / 符号系统

以水盆、三角形、方形、圆形四个图形跨越国界的符号体系。洗涤、漂白、干燥与熨烫被压缩在几毫米的标签上:面积最小的信息设计。

水盆、三角形、方形与圆形 / 表示禁止的叉与表示温度的圆点 / 压缩到毫米之内 / 国际标准化

design.md图像提示词

397

Alchemical Symbols — 化学与哲学符号表 17世纪 — Wikimedia Commons / Public domain

Alchemical Symbols

錬金術記号 / medieval–18th century / 风格 / 符号系统

在保密与共享之间记录物质与操作的记号。把行星与金属相系的体系已消融进化学符号,却作为神秘的图形留存下来,至今仍被引用。

行星与金属的对应 / 以十字构成的几何 / 近乎密码的隐秘 / 代代相传的对照表

design.md图像提示词

398

Proofreading Marks — 用校对符号所作的朱笔批改 — Wikimedia Commons / Public domain

Proofreading Marks

校正記号 / 16th century– / 技法 / 符号系统

在页边与版面对话、改正排版错误的符号语言。删除与保留的往返、西文的 dele 记号,都随印刷史一同打磨出来,这套纸上编辑协议就立在每一件排版物的背后,包括这本辞典。

连接正文与页边的引线 / 删除与恢复的往返 / 插入与调换的记号 / 红色的层级

design.md图像提示词

399

Aqua — Mac OS X 的 Aqua 对话框 2007 — Wikimedia Commons / Public domain

Aqua

アクア / 2000–2014 / 风格 / 苹果 UI

Mac OS X 提出的那套“让人想舔一口的按钮”设计语言。果冻般的光泽、细条纹、深阴影与精灵效果把数字部件演成可触之物,规定了整个2000年代的界面。当时的网页用图片去模仿它的那一路,就是 Web 2.0 Gloss。

果冻质感的高光按钮 / 细条纹的底 / 浓重的投影 / 水与光的隐喻

design.md图像提示词

400

Luna — Windows XP 的开始菜单与任务栏 2006 — Wikimedia Commons / CC BY-SA 2.5 · © Mickfuzz at English Wikibooks

Luna

ルナ / 2001–2006 / 风格 / 微软 UI

Windows XP 的外观:蓝色任务栏、绿色开始按钮、圆角窗口,加上一张草原壁纸,把灰扑扑的办公机器重新刷成家庭式的乐观。

蓝色的任务栏 / 绿色的开始按钮 / 圆角的边框 / 草原与蓝天的乐观

design.md图像提示词

401

Aero — 以 Windows Vista 的 Aero 合成显示的 PuTTY 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Lanman132

Aero

エアロ / 2006–2012 / 风格 / 微软 UI

Vista 与 7 的半透明玻璃界面:磨砂窗框、实时缩略图与 GPU 合成的深度,让「透过玻璃观看」成为操作系统的标准语汇。

磨砂窗框 / 反射与高光 / 实时缩略图 / GPU 合成的深度

design.md图像提示词

402

Metro — Microsoft《Zune HD》的广播界面 — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker

Metro

メトロ / 2010–2015 / 风格 / 微软 UI

Windows Phone 提出的扁平语言,主角是文字而非图标。巨大的字体排印、平涂色的动态磁贴与冲出屏幕边缘的构图,把交通标识的明快移植进界面,早于 iOS 7 开启了扁平时代。

以文字为主角 / 纯色磁贴 / 延伸出屏幕的构图 / 取消界面装饰框

design.md图像提示词

403

Brushed Metal — Transmission 1.50 的画面 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Alv

Brushed Metal

ブラシドメタル / 1999–2007 / 风格 / 苹果 UI

iTunes 与 Safari 的拉丝金属窗口:拟物设计的一支,以材质诉说应用的用途,把专业器材的可靠感带上桌面。

拉丝金属表面 / 铆钉般的细节 / 器材的隐喻 / 灰色调阶

design.md图像提示词

404

Vorticism — 《BLAST》创刊号 1914 — Wikimedia Commons / Public domain

Vorticism

ヴォーティシズム / 1914–1918 / 风格 / 先锋派

在杂志《BLAST》上引爆的英国先锋派:机器切削般的斜线、粗钝的厚重字体,以及诅咒与祝福的名单,把字体排印变成一纸宣战书。

机器切削般的斜线 / 粗钝的厚重字体 / 「诅咒/祝福」名单 / 漩涡的动势

design.md图像提示词

405

CoBrA — 卡雷尔·阿佩尔 玻璃壁画(阿姆斯特丹斯洛特法特医院) — Wikimedia Commons / CC BY-SA 4.0 · © Ceescamel

CoBrA

コブラ / 1948–1951 / 风格 / 先锋派

串联哥本哈根、布鲁塞尔与阿姆斯特丹的战后前卫。它标举儿童画与民俗艺术的直接性,用粗放的笔触与原色的生灵,把对精致的不信任变成了一种国际风格。

儿童画般的直接 / 粗笔涂抹的怪兽 / 相互碰撞的原色 / 拒绝预先构思

design.md图像提示词

406

Emigre — 苏珊娜·利科《Filosofia》1996 — Wikimedia Commons / CC BY-SA 4.0 · © Kateallalong

Emigre

エミグレ / 1984–2005 / 风格 / 字体分类

在麦金塔登场的瞬间就把数字的粗糙变成美学的杂志与字体铸造厂:点阵字体、相互碰撞的图层,以及对「难读」的辩护,置身 1990 年代设计论争的中心。

点阵字体 / 相互碰撞的图层 / 每期一次实验 / 对可读性的挑衅

design.md图像提示词

407

Modern American Book Jacket — 拉斯蒂格《恶心》封面(CC BY 2.0) · © Karen Horton, diseño de la cubierta de Alvin Lustig, The New Classics Series publicado por New Directions, c. 1952

Modern American Book Jacket

アメリカ近代ブックジャケット / 1940s–1950s / 风格 / 出版与编辑

拉斯蒂格在 New Directions 建立的护封风格:以符号与抽象暗示内容,而非借助插图,把文学书封变成小型的现代艺术作品,抬升了战后美国的书籍设计。

对内容的抽象暗示 / 符号与形状的构成 / 手写字与铅字并用 / 系列的整体一致

design.md图像提示词

408

Onchi Kōshirō Book Design — 小林多喜二《蟹工船》战旗社版 封面 1929 — Wikimedia Commons / CC0

Onchi Kōshirō Book Design

恩地孝四郎の装幀 / 1910s–1950s / 风格 / 出版与编辑

把封面当作一幅版画本身,而不是放画的框子来处理的装帧。不放具象的插图,改印抽象的形与色块,书名的字也作为这一面的一部分安放其上。

不放具象插图,只用抽象的形和色块来组封面 / 书名的字不排铅字而由手画出,与图放在同一个面上 / 颜色压到很少,不勾轮廓线,靠面的叠压做出形 / 纸的本色留着不涂,图直接压在上面

design.md图像提示词

编辑方针

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

回到页首