Post
读懂 SSENSE:粗野主义审美学习材料
把 SSENSE 式审美拆开看:网页粗野主义 × 瑞士排印 × 编辑式极简。一份带 live 示例的美学专题研究:词源、血统、六类视觉语言、坐标系与 Do / Don't。
导读 / Introduction
读懂
SSENSE
SSENSE 式审美是一种把瑞士排印的纪律、杂志的编辑逻辑和粗野主义的诚实,缝合进奢侈电商的设计语言:字即界面,装饰缺席,内容自己说话。
使用说明:本页所有灰色虚线框都是 LIVE 示例,可动手点。
材料诚实
béton brut,法语“毛混凝土”。以 Smithson 夫妇、Le Corbusier 为代表;结构外露、反装饰,材料不假装成别的东西。
成为自觉运动
Pascal Deville 上线 brutalistwebsites.com,在 Hacker News 走红。原本被视为“没设计”的网页,开始被有意识地当作设计立场。
奢侈品入场
Balenciaga 把下划线链接、单色、系统字体做成奢侈语言:反精致,反而成了新的精致。
编辑式粗野主义
蒙特利尔,2003 年由 Rami Atallah 与兄弟创立。瑞士排印的纪律 + 杂志编辑逻辑 + 粗野主义的诚实,成为奢侈电商里极具辨识度的范本。
一脉相承的信条——诚实、反装饰、内容优先。
Swiss / International
Typographic Style
1950s · 瑞士
- 网格系统
- 非对称构图
- Helvetica / 无衬线
- “字即设计”
网页粗野主义
2014—
- raw HTML 感
- 系统字体
- 裸链接
- 加载快而直接
Editorial minimalism
杂志逻辑 / DE-CHROMED
- 编辑节奏
- 去掉界面 chrome
- 界面隐身
- 内容登场
SSENSE = 三者交汇在奢侈电商。
字号不是“统一才整齐”,而是用剧烈的尺度跳跃制造阅读顺序;字距紧,微标签小且克制。排印本身承担界面的层级和节奏。
把装饰性的按钮壳、浮层、阴影、勋章全部剥离,只保留动作名称和必要反馈。界面越安静,内容越有分量。
网格不是为了把每块都填满,而是确保空白也有秩序。非对称,不等于随意;留白,是被设计的沉默。
大面积黑白灰,配一记极小但明确的重拳。点缀色的价值来自稀缺;如果到处都响,就没有一句被听见。
SSENSE 本体几乎只用黑白;“重拳”是粗野主义的通用手法,慎用,一处即可。
产品图或摄影占据视觉主位,不加多余的图形框。文字退后,变成准确、低声的注脚。
信息密度不靠卡片堆砌,而靠紧凑行、细线和一致的列。扫读速度快,视觉噪音低。
Craigslist
“无设计”的设计
原始、功能、几乎零品牌表演
Hacker News
极简功能主义
密度优先,界面退后
Balenciaga
奢侈粗野主义
把“廉价网页语法”反转为高级感
SSENSE
编辑式粗野主义
奢侈电商标杆
Do 02 · 1px 细线密集行
Don't · 大圆角卡片堆砌
Do 03 · 字号对比 + 大量留白
分明正文安静地落在足够远的位置。