MUYANG GUO / INDEX

Post

读懂 SSENSE:粗野主义审美学习材料

把 SSENSE 式审美拆开看:网页粗野主义 × 瑞士排印 × 编辑式极简。一份带 live 示例的美学专题研究:词源、血统、六类视觉语言、坐标系与 Do / Don't。

·12 min read·#Design#Typography#Brutalism
00
A LIVE STUDY
EDITORIAL BRUTALISM

导读 / Introduction

读懂
SSENSE

SSENSE 式审美是一种把瑞士排印的纪律、杂志的编辑逻辑和粗野主义的诚实,缝合进奢侈电商的设计语言:字即界面,装饰缺席,内容自己说话。

使用说明:本页所有灰色虚线框都是 LIVE 示例,可动手点。

1950s · 建筑

材料诚实

béton brut,法语“毛混凝土”。以 Smithson 夫妇、Le Corbusier 为代表;结构外露、反装饰,材料不假装成别的东西。

2014 · 网页

成为自觉运动

Pascal Deville 上线 brutalistwebsites.com,在 Hacker News 走红。原本被视为“没设计”的网页,开始被有意识地当作设计立场。

2010s 中后期

奢侈品入场

Balenciaga 把下划线链接、单色、系统字体做成奢侈语言:反精致,反而成了新的精致。

今天 · SSENSE

编辑式粗野主义

蒙特利尔,2003 年由 Rami Atallah 与兄弟创立。瑞士排印的纪律 + 杂志编辑逻辑 + 粗野主义的诚实,成为奢侈电商里极具辨识度的范本。

一脉相承的信条——诚实、反装饰、内容优先。

03

Editorial minimalism

杂志逻辑 / DE-CHROMED

  • 编辑节奏
  • 去掉界面 chrome
  • 界面隐身
  • 内容登场

SSENSE = 三者交汇在奢侈电商。

字号不是“统一才整齐”,而是用剧烈的尺度跳跃制造阅读顺序;字距紧,微标签小且克制。排印本身承担界面的层级和节奏。

LIVE TYPE SCALE · 同一句话,五个角色字即界面字即界面字即界面字即界面TYPE IS THE UI · 字即界面

把装饰性的按钮壳、浮层、阴影、勋章全部剥离,只保留动作名称和必要反馈。界面越安静,内容越有分量。

普通按钮 / OVER-DESIGNED
裸文字按钮 / DE-CHROMED

网格不是为了把每块都填满,而是确保空白也有秩序。非对称,不等于随意;留白,是被设计的沉默。

纪律让自由
看起来不费力

文字左对齐,右边不齐。标题跨两栏,正文退到下方。

空白不是浪费,它把信息分出主次。

IMAGE AREA

大面积黑白灰,配一记极小但明确的重拳。点缀色的价值来自稀缺;如果到处都响,就没有一句被听见。

PALETTE / 色卡
#111111
#FFFFFF
#F4F4F2
#8A8A8A
#FF3B00

SSENSE 本体几乎只用黑白;“重拳”是粗野主义的通用手法,慎用,一处即可。

产品图或摄影占据视觉主位,不加多余的图形框。文字退后,变成准确、低声的注脚。

EDITORIAL IMAGE
caption 永远是小字FIG. 05 — 2026

信息密度不靠卡片堆砌,而靠紧凑行、细线和一致的列。扫读速度快,视觉噪音低。

术语索引 · 示例年代领域
Helvetica1957瑞士排印
网格系统 Grid1928Tschichold
béton brut1950s建筑
brutalistwebsites2014网页
横向拖动 / SWIPE THE RAIL
SPECIMEN 01TYPE
SPECIMEN 02GRID
SPECIMEN 03SPACE
SPECIMEN 04DENSITY
3 / 12
A / 祖师爷

Craigslist

“无设计”的设计
原始、功能、几乎零品牌表演

B / 功能派

Hacker News

极简功能主义
密度优先,界面退后

C / 时装派

Balenciaga

奢侈粗野主义
把“廉价网页语法”反转为高级感

D / 编辑派

SSENSE

编辑式粗野主义
奢侈电商标杆

学习材料 · 2026-10-15 · 内容基于公开资料整理,仅供学习

Comments