历史流派 / Historical Movements

从喜欢的网站感觉,往前找它从哪来 / Trace the lineage behind the site feeling

如果你看中过某种网站感觉,但不知道它为什么成立,就从这里往前找。

1860 2025

历史线索 / Background Lineage

历史流派时间轴 Historical Timeline

当你已经知道自己想做哪类网站,再回看这些页面感觉分别从哪条历史线长出来。

1860 1900
Kinfolk homepage

工艺美术运动 Arts and Crafts

查看详情 / Open

反工业粗制滥造,强调材料诚实、手工感与日常器物之美。

视觉特点 / Visual Traits材料诚实 · 手工痕迹 · 质朴日常

今天常见于 / Common Today工艺自然 · 参考目录

1890 1910
The Gentlewoman homepage

新艺术运动 Art Nouveau

查看详情 / Open

用植物般曲线、装饰性线条和整体设计把视觉做成一体化生命形态。

视觉特点 / Visual Traits有机曲线 · 整体装饰 · 植物感线条

今天常见于 / Common Today工艺自然 · 舞台展示

1909 1916
Razer homepage

未来主义 Futurism

查看详情 / Open

崇尚速度、机械、都市动势,把现代性做成冲击力和推进感。

视觉特点 / Visual Traits速度崇拜 · 机械都市 · 动势构图

今天常见于 / Common Today霓虹科技 · 舞台展示

1913 1919
Studio Feixen homepage

至上主义 Suprematism

查看详情 / Open

把视觉压缩为纯几何与有限色彩,追求非再现的绝对感受。

视觉特点 / Visual Traits纯几何 · 极度抽象 · 有限色彩

今天常见于 / Common Today瑞士网格 · 产品工具

1913 1930
Stripe homepage

构成主义 Constructivism

查看详情 / Open

把艺术当成构造与工程,强调几何、功能、生产与传播效率。

视觉特点 / Visual Traits工程感 · 传播效率 · 几何构图

今天常见于 / Common Today瑞士网格 · 产品工具 · 参考目录

1916 1924
Are.na page

达达主义 Dada

查看详情 / Open

用拼贴、偶然、反秩序和讽刺去拆解既有规则。

视觉特点 / Visual Traits拼贴 · 反秩序 · 讽刺

今天常见于 / Common Today大胆个性

1917 1932
Swiss Institute homepage

风格派 De Stijl

查看详情 / Open

以垂直与水平、主色和留白寻找秩序、均衡与普遍性。

视觉特点 / Visual Traits垂直水平 · 主色留白 · 秩序均衡

今天常见于 / Common Today瑞士网格 · 产品工具

1919 1933
Atlassian Foundations page

包豪斯 Bauhaus

查看详情 / Open

功能、工业和几何秩序优先。它把形式服从用途这件事系统化。

视觉特点 / Visual Traitsfunction before ornament · industrial clarity · geometric reduction

今天常见于 / Common Today产品营销 · design systems · 知识界面

1923 1938
People + AI Guidebook homepage

新字体排印 New Typography

查看详情 / Open

以非对称排版、空白场和摄影/版面组织信息清晰度。

视觉特点 / Visual Traits非对称排版 · 空白场 · 摄影与版面协同

今天常见于 / Common Today瑞士网格 · 杂志编辑 · 知识系统

1925 1939
The New York Times Style Magazine homepage

装饰艺术 Art Deco

查看详情 / Open

几何装饰、流线感和高级感并存。今天它更多以精致和舞台感回到网页中。

视觉特点 / Visual Traitsstreamlined glamour · geometric ornament · theatrical hierarchy

今天常见于 / Common Today文化出版 · 高级品牌 · 时尚叙事

1945 1969
Apple MacBook Pro page

世纪中期现代主义 Mid-Century Modern

查看详情 / Open

以轻盈比例、功能家具感、开放空间和现代日常感建立一种温和而清晰的现代性。

视觉特点 / Visual Traits现代日常 · 轻盈比例 · 功能与舒适并重

今天常见于 / Common Today工艺自然 · 极简黑白 · 产品工具

1950 1970
Signal-A Studio homepage

瑞士风格 Swiss Style

查看详情 / Open

网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。

视觉特点 / Visual Traitsgrid-first composition · alignment as primary device · type-led hierarchy

今天常见于 / Common Today档案站 · 参考资料库 · 识别系统

1954 2025
Gumroad homepage

粗野主义 / 新粗野主义 Brutalism / Neo-Brutalism

查看详情 / Open

结构裸露、边界鲜明、不讨好。网页里的 neo-brutalism 往往更鲜艳、更可用。

视觉特点 / Visual Traitshard edges · visible borders · assertive contrast

今天常见于 / Common Today识别导向产品 · anti-template showcases · 创意工具

1958 1970
Behance homepage

波普艺术 Pop Art

查看详情 / Open

把广告、漫画与消费图像变成高识别、高对比的文化表面。

视觉特点 / Visual Traits高对比 · 消费图像 · 漫画广告

今天常见于 / Common Today大胆个性 · 舞台展示

1960 1978
OK-RM homepage

极简主义 Minimalism

查看详情 / Open

把形式削减到最少元素,让结构、比例与重复本身发声。

视觉特点 / Visual Traits元素最少化 · 比例关系 · 重复秩序

今天常见于 / Common Today工艺自然 · 极简黑白 · 知识系统

1981 1990
Memphis Milano homepage

后现代 / 孟菲斯 Postmodern / Memphis

查看详情 / Open

反对过度理性和过度秩序,强调图案、冲突、俏皮和反规范的组合方式。

视觉特点 / Visual Traitsanti-grid play · pattern collisions · bold geometry

今天常见于 / Common Today创作者品牌 · 趣味商业站 · 打破模板的发布页

1982 2025
Cyberpunk homepage

赛博朋克 / 科技未来 Cyberpunk / Techno-Futurism

查看详情 / Open

高饱和霓虹、黑夜城市、技术感界面、世界观驱动。它更像视觉文化分支。

视觉特点 / Visual Traitsneon-on-dark contrast · worldbuilding first · screen-like overlays

今天常见于 / Common Today游戏 · 硬件发布 · 沉浸式 AI 页面