IndexStyle

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

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

词条738

辞典

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

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

24/102 条

297

Festival of Britain Style — Skylon 1951(CC BY-SA 4.0) · © Heresy0uk

Festival of Britain Style

フェスティバル様式 / 1951–1950s / 风格 / 公共设计

自1951年节庆场地扩散开来的战后英国明快现代主义:纤细的支脚、分子图案与轻盈的手写体,把摆脱紧缩后的乐观化为一种国家视觉语言。

纤细的支脚与轻盈结构 / 分子与晶体图案 / 轻盈的手写字体 / 节庆般的色彩

design.md图像提示词

306

Airbrush Illustration — Fabiosaurusrex《喷枪插画(Ford 广告)》2016年 — Wikimedia Commons / CC BY-SA 4.0

Airbrush Illustration

エアブラシ・イラストレーション / 1970s–1980s / 技法 / 插画风格

压缩空气喷出的雾造出无缝的渐变,商业插画由此进入黄金期,画的是镀铬的反光、湿润的光泽与理想化的肌肤。它是数码时代之前“完美表面”的代名词。

无缝的渐变 / 镀铬与反射 / 星芒状高光 / 理想化的光滑

design.md图像提示词

309

Vector Scan Graphics — 雅达利《Bradley Trainer》1981 的画面(《Battlezone》的军用版) — Wikimedia Commons / Public domain

Vector Scan Graphics

ベクタースキャン / 1979–1985 / 风格 / 技术表现

电子束在矢量显示器上直接描出亮线的游戏图像。发光的线框悬在漆黑的虚空里,那份张力规定了早期街机对未来的想象。

发光的线框 / 漆黑的虚空 / 均匀发光的线条 / 几何的张力

design.md图像提示词

321

Cassette Futurism — 史密斯营地的 IBM 729 磁带机 1969 — Wikimedia Commons / Public domain

Cassette Futurism

カセット・フューチャリズム / 1977–1990s / retro revival / 世界观 / 未来图景

显像管、实体按键、热敏纸与方正的白色塑料所描绘的“八十年代想象的未来”。这种不带光泽的实用主义,如今被当作光滑科幻的另一种答案重新评价。

显像管与实体按键 / 方正的白色塑料 / 点阵显示 / 哑光的实用主义

design.md图像提示词

375

Naturalistic Planting — 高线公园的植栽(CC BY-SA 4.0) · © Beyond My Ken

Naturalistic Planting

自然主義プランティング / 1990s– / 风格 / 园林风格

以宿根草甸生态为范本的种植设计,由皮特·奥多夫领衔:把美延伸到冬日枯萎的花序上,这一贯穿四季的构想自高线公园起改写了城市公共空间。

宿根草与禾草群落 / 枯萎之美 / 漂移状的种植团块 / 以生态为范本

design.md图像提示词

379

Burle Marx Landscape — 科帕卡巴纳的波浪铺装(CC BY-SA 2.0) · © Andréa Farias Farias

Burle Marx Landscape

ブルレ・マルクスの景観 / 1930s–1994 / 风格 / 园林风格

现代主义景观的发明者,把巴西的热带植物像抽象绘画那样团块化为色域。正如科帕卡巴纳的波浪铺装所示,他把地面当作一整幅平面作品来设计。

作为色域的种植 / 平面上的有机曲线 / 热带的色彩 / 作为平面设计的铺装

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

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

422

Purism — 《L'Esprit Nouveau》第1号 — Wikimedia Commons / Public domain

Purism

ピュリスム / 1918–1925 / 风格 / 近代设计运动

一场批评立体主义走向装饰、主张回到与机器时代相称的清晰形式的运动。瓶、杯、吉他这些标准化的“物型”,被安排在水平与垂直的秩序与克制的色彩里。经由《新精神》杂志,它成了现代建筑与平面设计的规范。

标准化日常器物的剪影 / 以水平与垂直构成的画面 / 克制的用色数量 / 重叠形体的轮廓线

design.md图像提示词

435

Neo-Geo — Peter Halley 展览现场(Galería Senda) — Wikimedia Commons / CC BY-SA 4.0 · © Abcd09

Neo-Geo

ネオ・ジオ / 1984–1992 / 风格 / 几何抽象

1980 年代纽约的一股潮流,把几何抽象与极简主义的语汇当作商品社会的符号重新引用。光滑的工业涂料、荧光色与现成商品的光泽,把抽象的纯粹性横移到消费的图像之中。几何作为批判。

工业涂料的光滑表面 / 荧光的人造色 / 现成商品的光泽与完成度 / 如同示意图的构图

design.md图像提示词

439

Photorealism — Ralph Goings《萨克拉门托机场》 — Wikimedia Commons / CC BY-SA 4.0

Photorealism

フォトリアリズム / 1968–1980s / 风格 / 战后美国艺术

将照片原样移植进绘画,用手工复现机械之眼所捕捉的信息量的运动。橱窗的反光、铬件的扭曲、餐馆的霓虹等题材,连同照片特有的对焦、颗粒与色差一并被定影在画布上。画的不是“眼见之物”,而是“照片如此拍下”这件事。

源自照片的反光与高光 / 原样描绘景深 / 都市中的商业性题材 / 抹去笔触的平滑表面

design.md图像提示词

444

Synchromism — 斯坦顿·麦克唐纳-赖特《Synchromy No. 3》— Wikimedia Commons / Public domain

Synchromism

シンクロミズム / 1912–1918 / 风格 / 几何抽象

仿照音乐的和声,主张色彩本身即为结构的美国第一个抽象运动。按光谱顺序排布的色面在旋转中生出深度,形随色而后至。以“Synchromy(色之交响)”为题的作品名本身就是它的纲领。

按光谱顺序排列的色面 / 旋涡状的构成 / 以色彩生成深度 / 比拟音乐的标题

design.md图像提示词

452

Estridentismo — 拉蒙·阿尔瓦·德拉卡纳尔《西班牙人的登陆》— Wikimedia Commons / CC BY-SA 4.0 · © Luis Alvaz

Estridentismo

エストリデンティスモ / 1921–1927 / 风格 / 先锋派

在墨西哥,为革命之后的都市、电波与机械放声喝彩的前卫运动。木刻的锐利线条、斜向奔走的活字、电线与天线的图像,经由杂志与传单在短期内喷涌而出。这是拉丁美洲前卫拥有自身速度的瞬间。

木刻的锐利线条 / 斜向排布的活字 / 电线、天线与机械的图像 / 双色印刷的强烈对比

design.md图像提示词

455

Creacionismo — 比森特·维多夫罗《Canciones en la noche》1913 中的图像诗《Triángulo armónico》 — Wikimedia Commons / CC BY-SA 2.0 · © Hoder Slanger

Creacionismo

クレアシオニスモ / 1916–1930s / 版面 / 实验字体排印

宣称诗并非摹写自然、而是创造新的事实的运动,发端于智利并途经巴黎。它大量产出把文字当作图形来配置的视觉诗,使语言与画面的边界成为实验的对象。它与Ultraísmo并列为西班牙语世界前卫的支柱。

把文字当作图形来配置 / 诗行在视觉上的重组 / 毫无修饰的活字 / 把白底当作构成要素来使用

design.md图像提示词

456

Aeropittura — Tato 的航空绘画作品 — Wikimedia Commons / Public domain

Aeropittura

アエロピットゥーラ / 1929–1939 / 风格 / 意大利前卫艺术

宣告要把飞机上的视点作为绘画之条件的意大利未来主义后期展开。俯冲的透视、卷成漩涡的云、翻转的地表,把速度与高度的感觉固定在画面上。这是把视点的高度变成样式的罕见例子。

俯冲式的透视法 / 卷成漩涡的云与大气 / 翻转与旋转的地表 / 令人联想到金属光泽的设色

design.md图像提示词

481

visionOS Spatial Design — visionOS 2 的主屏幕 2025 — Wikimedia Commons / CC0

visionOS Spatial Design

visionOS 空間デザイン / 2023– / 风格 / 苹果 UI

Apple 在面向 Vision Pro 的指南中确定的画面语言。窗口是一块用被称作玻璃的材质做成的直立平面,周围的实景可以透过去,镜面反射和阴影告诉人它放在哪里、有多大。点不是用像素而是用角度定义的,所以推远之后看上去的大小不变。

背景无法更换的直立玻璃面,实景透过来,上面落着镜面反射和阴影 / 默认窗口为 1280x720 pt,打开时约在两米之外,看上去的宽度约三米 / 只让看着的元素发亮的悬停效果,命中区域被收成一块圆角的整体 / 没有边框的 volume 上,关闭按钮和窗口条会转向走过去的那一侧

design.md图像提示词

483

Holo — Android 4.1 的锁定屏幕(Galaxy Nexus)2012 — Wikimedia Commons / CC BY 2.5 · © Android Open Source project

Holo

ホロ / 2011–2014 / 风格 / 谷歌 UI

Google 在 Android 3.0 引入、并在 4.0 把是否搭载它列为机型兼容性要求的设计语言。黑底上拉出细线,只让选中、输入和进度以一种青蓝色发光。它是连同一个承诺一起发布的,即指定了这个主题的应用,即使在厂商套了自家外壳的手机上也会原样显示。

黑底白字,分隔不用色块而用 1px 细线 / 只有选中、输入框的下划线和进度以 #33B5E5 的青蓝色发光 / 屏幕上端是通栏的操作栏,下端是返回、主页、历史三个虚拟键的带子 / 标签页的标题和列表的小标题都排成粗体全大写

design.md图像提示词

488

BeOS Interface — Tullius《BeOS 画面》2005年 — Wikimedia Commons / CC BY-SA 3.0 · © The original uploader was Tullius at Norwegian Wikipedia .

BeOS Interface

BeOS インターフェース / 1995–2001 / 风格 / 平台界面语言

Be 公司的画面语言,它舍弃了占满窗口上边的标题栏,只放一个宽度只有标题那么长的黄色标签。正如官方指南所说,这是 Be 窗口独有的功能,按住 Shift 就能把标签横向滑动,于是窗口叠起来时也只剩标签并排留在外面。

只有最前面那个窗口的标签是黄色的,其余窗口的标签仍是灰色 / 标签的宽度只跟标题的长度一样,而不是窗口的整个宽度 / 按住 Shift 拖动标签,标签就沿窗口上边左右滑动 / 屏幕右上角立着 Deskbar,正在运行的应用竖着堆在下面

design.md图像提示词

499

FUI (Fantasy User Interface) — 《星际迷航:航海家号》的 LCARS 操作面板 2016年摄 — Wikimedia Commons / CC BY-SA 4.0 · © Niesy74

FUI (Fantasy User Interface)

架空ユーザーインターフェース / 1997– / 风格 / 界面风格

给制作电影中出现的屏幕这门手艺贴上的名字。它随着 Mark Coleran 的作品传开,而他本人说这个称呼被算在自己头上,却不确定能否领受。他把这些屏幕看作插画,是一种叙事装置,从一开始就不是为了真正操作而设计的。他只用光、形状、体量、动态与声音,让每一块出现在电影里的屏幕都只有一处是给观众读的。

每块屏幕只有一处是要给观众读的,其余一切都只是作为密度存在 / 等宽数字的栏目不停刷新,实际上什么也没有计算 / 黑底上的细亮线条,图形只画轮廓,几乎没有填色 / 边框和按键看起来像真实可信的设备,而不是纯粹的抽象图形

design.md图像提示词

531

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

Machine Art

マシン・アート / 1934 / 风格 / 近代设计运动

1934年纽约现代艺术博物馆举办的一场展览的名称。弹簧、锅具、仪表这类批量生产的实用品被放上基座,按雕塑的规格来展示。展厅是把十九世纪褐砂石建筑的线脚遮盖起来重新搭建的,让无装饰之物以无装饰的样子呈现,正是这次展览的条件。

基座之上,实用的量产部件一件一件拉开间距摆放 / 墙面和天花的线脚被遮住,背景的平面上没有任何纹样 / 展品是弹簧、锅具、仪表这类原本并非为观看而造的东西 / 作者一栏里排着的不是人名,而是制造公司的名字

design.md图像提示词

532

Xerox Star Interface — Xerox 8010 Star(ViewPoint)的桌面与图标 — Wikimedia Commons / CC BY 2.0 · © J R

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / 风格 / 平台界面语言

1981年 Xerox 8010 的画面所确立的设计语言。文件夹、收发文篮、文件抽屉这类办公用品被画成带文字标签的图像排在屏幕上,当时的宣传册称之为电子桌面。画面上的东西可以用鼠标随意移动、复制和丢弃。

画面上的图像一定配有文字标签,不让图形单独承担意义 / 图像画的是办公桌上的东西,文件夹、收发文篮、文件抽屉 / 用鼠标抓取物件,移动、复制和删除属于同一套动作 / 电子表格表现为行与列的网格,操作网格的命令统一收进菜单

design.md图像提示词

563

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

The New Aesthetic

ニュー・エステティック / 2011– / 世界观 / Digital Culture

James Bridle提出的New Aesthetic,指机器视觉和网络图像如何通过像素、卫星视图、检测框与传感器错误渗入实体文化。

被放大到实体物件上的像素 / 识别矩形与坐标 / 卫星、地图与监控视角 / 压缩、遗漏与机器误分类

design.md图像提示词

564

Post-Internet Art — AI 生成的诠释图像
AI 诠释图像(并非参考作品)

Post-Internet Art

ポスト・インターネット・アート / 2000s– / 世界观 / Digital Culture

后互联网艺术把互联网视为生活与生产的普通条件,并把线上图像、对象、展览与记录之间的流通本身变成作品。

网络图像转化为印刷品或物件 / 截图、商品图与3D渲染混合 / 展览现场图重新回到社交信息流 / 高分辨率与压缩图像出现在同一表面

design.md图像提示词

565

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

Retrofuturism

レトロフューチャリズム / 1970s– / 世界观 / Digital Culture

复古未来主义通过过去想象的交通工具、材料、广告与宇宙愿景重访旧日未来,同时保留其中的希望与盲点。

流线型交通工具与纪念碑式城市 / 模拟仪表、铬面与真空管 / 太空时代广告字体与图表 / 褪色印刷与发光未来图像并置

design.md图像提示词

编辑方针

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

回到页首