Design Vocabulary设计词汇 · 样本集 01

EDITORIAL LIST / 清单文章

视觉风格 Top 10:10 大经典设计风格详解

10 条 · 席位已收满

这一版收录的是已经被反复命名、反复引用的视觉语言。它们的价值不在于谁更现代,而在于当你说“这个看起来像包豪斯”时,对方能确切知道你指的是什么。

选择标准

  • 有可核实的来源能说明这套视觉语言的由来与核心特征,而不是只在设计博客里流传的标签。
  • 能与同类里其他风格划出清楚的边界,不会退化成“好看”“干净”这类无法讨论的说法。
  • 在今天的数字界面里仍然会被有意识地选用,而不只是历史陈列。

本版席位

标注“编辑重建席位”的位置由本仓库编辑判断补上;其余席位来自计划 issue #1 的清单账本。

瑞士国际主义

Swiss / International Typographic Style编辑重建席位

打开可操作示例

以网格、排版层级和有组织的留白建立视觉秩序的设计语言。

为什么在这一版里:给这一类立一个“秩序从哪里来”的参照点:先有网格和层级,装饰才是后话。

别和它混淆:不等于所有极简界面,也不等于任何使用网格的布局。此处演示它在数字界面中的一种转译。

新粗野主义

Neo-Brutalism编辑重建席位

打开可操作示例

以明显描边、硬边投影和鲜明色块形成直接、醒目的数字视觉语言。

为什么在这一版里:补上与秩序相反的一端:不靠精修而靠直白的描边与色块取得注意力。

别和它混淆:这里采用当代 UI 社区的用法;它与历史建筑粗野主义、Web Brutalism 不应直接等同。

包豪斯视觉语言

Bauhaus Graphic Style

一张名为 FIELDNOTES 的虚构海报,由扁平的圆形、三角形与方形以红、蓝、黄原色排布,配合黑色无衬线字条与不对称网格构图,示意包豪斯视觉语言。
编辑配图

以圆、三角、方等基础几何图形,红黄蓝等高纯度原色色块,以及无衬线(常为全小写)几何化字体为核心元素的平面视觉语言;强调去除多余装饰,让形状、色彩与排版本身承担表达和信息层级。

为什么在这一版里:补上“几何与原色本身承担表达”的一支,说明去装饰不等于去表现。

别和它混淆:本词条只讨论包豪斯学校(1919–1933)在平面视觉层面留下的图形语言——几何图形、原色色块、无衬线字体与不对称构图,不概括包豪斯学校在建筑、工业设计、工坊教学体系或包豪斯教育理念上的全部主张。它与瑞士国际主义历史相关但不是同一风格:瑞士国际主义在时间上晚于包豪斯,发展自新排版运动等脉络,并把探索沉淀为更系统化的网格与克制配色规则;包豪斯图形语言本身没有形成统一网格标准,仍保留更实验性的、色块与形状直接并置的构图。

装饰艺术

Art Deco

一本名为 FIELDNOTES 的虚构杂志封面,呈现对称的阶梯形拱门、放射状光芒背景、V形折线边框,以及高耸的几何化展示字体标题,配以暖调低饱和主色与一处黄铜色强调,示意装饰艺术风格。
编辑配图

一种源自1920至1930年代的装饰性视觉语言:以对称构图、立体主义影响下的几何化母题(阶梯形、放射状、V形折线)为核心,常搭配金属色强调与高对比的展示型字体,用以表达摩登、精致或怀旧的品牌气质。

为什么在这一版里:代表把装饰当作正当表达手段的一路,与同类里的削减取向形成对照。

别和它混淆:判定标准是立体主义式的几何化装饰母题(阶梯形轮廓、放射状扇形、V形折线),而非任何“1920年代复古感”。它是对新艺术运动(Art Nouveau)的继承与反动:新艺术运动以取材自然的有机曲线、藤蔓与花卉线条为特征,而装饰艺术用立体主义带来的碎片化、几何化形态取代了这些曲线,仅保留少量植物意象。它也不等同于包豪斯:包豪斯的几何形态服务于功能化的结构简化,摒弃非结构性装饰;装饰艺术恰恰把几何形态当作可以叠加、重复、渲染奢华感的表面装饰来使用。仅仅使用对称网格或金色强调色不足以构成本词条所指的风格,须同时出现阶梯、放射或折线一类的装饰母题。

新艺术风格

Art Nouveau

一个名为FIELDNOTES的虚构田野笔记页面,四周环绕流畅的鞭梢状藤蔓与风格化叶片花朵,配有一枚有机手绘感的FIELDNOTES字标,整体为鼠尾草绿与赤陶为主的柔和暖色调,示意新艺术风格。
编辑配图

新艺术风格是19世纪90年代初到第一次世界大战前流行于欧洲与美国的装饰艺术风格,以取材自然界的流畅不对称“鞭梢”曲线、藤蔓与花卉纹样为标志,主张装饰与结构融为一体,而非附加其上。

为什么在这一版里:补上装饰与结构融为一体的做法,区别于把纹样当作附加层的用法。

别和它混淆:本词条讨论的时间范围大致为1890至1910年前后。它与随后出现的Art Deco不同:Art Deco以几何、对称、流线型的造型为反应式回应,兴起更晚、追求机械时代的精确感,而非新艺术式的手工有机曲线,因此不把二者混同,也不将Art Deco列为本词条的关系目标。它也不同于拟物化设计:拟物化借具体实物的外形和操作方式解释数字功能,新艺术的曲线与纹样取材自然形态,目的是营造装饰性的手工气质,而不是模仿某个具体物件来说明用途。

极简视觉风格

Visual Minimalism

一个名为 FIELDNOTES 的虚构页面,大面积米白留白中只有一个小标题、一行文字条和一个细描边按钮,仅用两种颜色,示意极简视觉风格。
编辑配图

以“把界面削减到必要元素”为特征的视觉风格:通过去除不支持用户任务的元素或内容,用受限的色彩、最大化的留白、克制而有表现力的排版来组织界面。

为什么在这一版里:界定“削减”这一取向本身,避免它被当成任何一种具体历史风格的同义词。

别和它混淆:极简视觉风格描述的是“减少元素数量”这一取向,不限定于瑞士国际主义——后者是以网格与排版为核心的具体传统,极简可以借用它,也可以不借用。它与扁平化设计常同时出现但关注点不同:扁平化去掉的是模拟三维的线索(阴影、渐变、光泽),极简去掉的是元素本身;一个页面可以扁平而不极简,也可以极简而保留细微阴影。它也不等于 Nielsen 第 8 条启发式“美学与极简设计”——该启发式关心的是信息是否与任务相关,而不是视觉外观;视觉极简不自动满足它,满足它的界面也不必看起来极简。当极简走向隐藏导航或去掉必要的可点击提示时,它就从风格问题变成了可用性问题。

扁平化设计

Flat Design

一个名为 FIELDNOTES 的虚构应用界面,由纯色块、几何图标和一个扁平按钮构成,没有渐变或阴影,示意扁平化设计。
编辑配图

以去除光泽、渐变、投影等模拟三维效果为特征的界面视觉风格,用纯色块、简单几何形状和排版本身表达界面元素。

为什么在这一版里:把“去掉模拟三维”的具体做法与更宽泛的极简取向分开。

别和它混淆:扁平化设计描述的是“去掉模拟三维线索”这一视觉处理,不等同于瑞士国际主义——后者是一种以网格和排版为核心的设计传统,二者可以同时出现,也可以分别单独出现。它是对拟物化(用纹理和光影模仿现实物体)的反向选择;“Flat 2.0”或“半扁平”则在保持简洁的同时重新引入细微的阴影与层次,本词条把它视为扁平化的变体而非独立风格。

拟物化设计

Skeuomorphism

一个名为 FIELDNOTES 的虚构笔记应用,呈现为带缝线的皮革封面和一页纸张,配有一个实体式拨动开关和一枚黄铜色按钮,示意拟物化设计。
编辑配图

把现实世界的物件及其材质、形态和操作方式搬进数字界面的视觉做法:界面元素在外观或交互上模仿它们的实物对应物(如皮革封面、纸张、拨动开关、垃圾桶),借用户已有的经验来解释新界面的功能。

为什么在这一版里:提供与扁平化相对的一极,说明模仿实物是一种解释手段而非单纯装饰。

别和它混淆:拟物化的判定标准是“借一个现实物件的形态来解释功能”,而不是画得多逼真:一张照片级渲染的抽象色块并不是拟物化,一个低细节但形似拨动开关、且能像开关那样拨动的控件才是。它与扁平化是对立选择——扁平化正是对拟物化的反动,去掉了模拟三维与材质的线索;玻璃拟态则只是半透明与模糊的材质效果,不借用任何具体物件,本词条不把它算作拟物化。图标层面的实物隐喻(如垃圾桶、文件夹)属于拟物化的最小形式,本词条主要讨论整体界面风格。

孟菲斯风格

Memphis Style

一个名为 FIELDNOTES 的虚构卡片界面,布满撞色色块、涂鸦曲线和彩色拼贴斑点,几何形状刻意倾斜排布,中央留出一块安静区域放置文字条。
编辑配图

由孟菲斯设计集团(Memphis,1981 年成立于米兰,由 Ettore Sottsass 发起)确立的视觉语言:用鲜艳的撞色、涂鸦式曲线、彩色斑点或水磨石般的拼贴图案,配上不对称的几何形状,刻意打破现代主义推崇的“好品味”约束。

为什么在这一版里:补上刻意违反“好品味”约束的一支,与同类里追求秩序的做法构成对照。

别和它混淆:此处指孟菲斯集团 1981 年前后确立、并被当代 UI 借用的这一套具体视觉签名——撞色、涂鸦、拼贴斑点与不对称几何的组合;不等同于笼统的“繁复视觉”或“maximalism(极繁主义)”,后者是一个更宽泛、尚未在本词典单独立条的概念,孟菲斯是它的一种具体表现,但两者不可互换。它也与新粗野主义(neo-brutalism)不同:新粗野主义靠粗描边、硬投影和系统默认字体制造直接感,构图规整、色彩通常较克制;孟菲斯靠撞色、曲线与拼贴图案制造玩闹感,构图刻意不对称,二者视觉签名不同,不应视为同义词。

拼贴风格

Collage

一份名为 FIELDNOTES 的虚构田野笔记页面,由撕边纸张矩形、一个半调网点剪影图形、几条胶带和不同角度、不同字号的文字条拼合而成,示意拼贴风格。
编辑配图

把来源不同的异质碎片——裁切或撕边的照片、纸张、材质与文字——拼合到同一画面上、并保留可见接缝的视觉做法;效果依赖碎片之间明显的拼合痕迹(撕边、参差裁切、胶带感)和尺度的突然跳跃,而不是让素材融合成统一的连续画面。

为什么在这一版里:补上“保留可见接缝的多源拼合”,区别于把素材融成连续画面的处理。

别和它混淆:拼贴风格的判定标准是“异质碎片被拼合在一起且接缝可见”,而不是画面元素的数量或密度:接缝、裁切边和尺度跳跃是核心信号。它不等同于极繁主义——极繁主义指装饰元素的堆叠丰富,可以是同一材质、同一插画语言下的连续画面,未必存在碎片拼合与可见接缝;本词条不把纯粹的装饰堆叠算作拼贴。影印质感、粗糙排版、多字号混排的独立出版物(zine)拼贴是本词条的一个变体——把 zine/DIY 影印拼贴合并在此处一并讨论,不单列词条。

与另一版本的关系

与《视觉风格 · 2026 关注》相比,这一版偏向已经稳定下来的命名;两版重合的条目说明它既有历史地位,也仍在被讨论。

2026 视觉风格趋势:六大值得关注的设计风格

证据范围

入选理由是编辑判断:它说明这条词汇在这一类里补上了哪一块,不声称它比别的风格更受欢迎或更有效。每条词条自己的定义另有来源。