SSENSE 是什么风格?

SSENSE 示例

SSENSE 把纯白底上刻意偏小的大写无衬线体,做成了线上高端时装的“店规”,再用一款锋利的编辑衬线体与之对撞,让买衣服和读文章共用同一张网格。

SSENSE 速览

SSENSE 是蒙特利尔的奢侈品零售商,它的网站已经成为线上时装领域被模仿最多的外观之一。这套风格一句话就能说完:白底、黑字,用灰色建立层级,唯一的红色留给折扣价,其余全部去掉。商品图抠图放在白底上,下面的文字偏小、全部大写、靠左对齐,读起来像画廊里摆在展品旁边的展签。

系统的另一半来自 2017 年由 Eric Hu 和 Matthew Tsang 主持的改版。他们把那种匿名、中性的无衬线体,和一款线条锋利、粗细反差强烈的编辑衬线体放在一起。无衬线负责买卖:冷静、不带个人色彩、扫一眼就能读完。衬线负责文化:锋利、有文气,带一点戏剧感。两种声音在同一件事里从不混用,所以这种反差看上去是有意为之,而不是杂乱。

最不寻常的一点在结构上。长文与专题直接放进商品网格,一件衣服的卡片和一篇文化文章共用同样紧凑、靠左对齐、几乎没有间距的版式。阅读和购物在网站上并不是两个分开的区域。这样,零售商表现得像一本杂志,既有画廊的安静,又有出版物的权威。

SSENSE 用在文章页上

SSENSE 从何而来?

SSENSE 于 2003 年在加拿大魁北克省蒙特利尔创办,公司名字与 Rami Atallah 紧密相连,他是最常被提到的、把这门生意做起来的人。早年它是一家偏爱时装前卫一端的网店,界面的朴素本身就是卖点:对自己挑选的货很有信心,所以不需要装饰页面。

这套外观借用了几种既有的传统。匿名、端正的无衬线体属于瑞士新无衬线字体传统,即二十世纪中叶那种把字体当作中性信息载体、而不是个性载体的做法。奢侈品式极简提供了白色、克制,以及“少装饰就是贵”的观念。编辑式电商,也就是把杂志内容与卖场混排的做法,则提供了让文章与商品并排的结构。

如今大多数人认得的标识来自 2017 年的改版,并在 2020 年代持续打磨。Eric Hu 和 Matthew Tsang 主持了这项工作,Johannes Breyer 也被列为与该系统相关的关键人物。字体由字体厂牌 Dinamo 为公司定制,因此零售商用的是一款专属的无衬线,而不是现成字体,也就是说,这种中性本身就是被设计出来的。

这套风格之所以流行,是因为它解决了时装零售的一个真实问题。不同品牌的商品摄影差异极大,装饰性的界面会和它们打架。白色页面加上小号大写标签,变成一个中性的衬纸,像画框里的卡纸那样,让许多不同的品牌并排而不冲突。编辑衬线体再在这个中性底座上给零售商一种属于自己的声音,所以那些只学到白页和小字的模仿者,往往错过了原作真正与众不同的地方。

SSENSE 的视觉特征是什么?

纯白底面

页面是不带色调、质感或色块的纯白。它是商品摄影的中性衬纸,让风格迥异的品牌服装并排摆放也不冲突。

偏小的大写无衬线

标签用刻意偏小的中性无衬线体,全部大写,排得紧凑,直接放在抠图商品下方。字号比“舒服”略小一点,让文字有博物馆展签那种安静的权威。

灰色层级

重要性靠黑色与不同深浅的灰来表达,而不是靠颜色或字重变化。主要信息是黑色,次要细节退入灰色,中间没有任何装饰性的强调色。

唯一的红留给折扣价

整个系统里唯一的颜色,是用在折扣价上的那抹红。页面上没有其他任何颜色,这抹红一眼就能读到,不需要徽章或横幅。

高反差编辑衬线

专题标题和文章题目使用线条锋利、粗细反差强烈的衬线体。大号衬线对上小号无衬线,在买卖与叙事之间造成戏剧性的语气转换。

商品与文化同一网格

商品卡片和文章共用同样紧凑、靠左对齐、几乎没有间隙的结构。访客从一件夹克滑到一篇长文,版式毫无变化,阅读与购买仿佛是同一件事。

SSENSE 用在仪表盘上

谁塑造了 SSENSE?

Rami Atallah

与 2003 年在蒙特利尔创办并发展 SSENSE 关系最密切的人物。

Eric Hu

与 Matthew Tsang 一起主持 2017 年改版,把中性无衬线与锋利的编辑衬线搭配在一起。

Matthew Tsang

共同主持 2017 年改版,把文章直接放进商品网格。

Johannes Breyer

被列为与 SSENSE 标识系统相关的关键人物之一。

今天怎么用 SSENSE?

做幻灯片时,这套风格适合时装目录、品牌回顾,以及任何靠图片说话的演示。每页保持白底,图片抠得干净,在正下方用小号大写、靠左对齐的文字标注。编辑衬线体只用在章节标题或引语上,让它保住戏剧感。数据页靠黑与灰:用细线的表格,最变动的那个数字用一个红色,不要有彩色的图表填充。

放在网页上,这个模式非常适合商品目录、买手店、画廊,以及出售实物的作品集网站。把网格排紧,每个卡片只放一张图和一行大写短标签,各分类的版式保持完全一致。在后台界面和定价页里,同样保持克制:灰色层级,小号大写的列标题,红色只用于降价或负值。别去加彩色状态标签;这套系统的纪律性,本身就是它显得高级的一部分。

编辑与营销场景里,让衬线体站到前面来。一篇长文、一段活动开场或者一次设计师专访,可以用大号高反差标题开头,再落入安静的无衬线正文。因为文章与商品共处同一张网格,一封通讯或一张落地页可以交替排一则故事和一排商品,看起来仍然是同一份文档。

常见的错误是只抄表面:白页、小号大写,别的什么都没有。缺了反差衬线和共用网格,结果只是显得空。另一个错误是加入品牌色、圆角按钮或柔和的投影,每一样都会破坏展签的效果。第三个错误是让红色蔓延到标题和链接上;一屏里红色出现超过一两次,它就不再表示价格了。

最后要记住,这套风格依赖出色的摄影。抠图商品需要边缘干净、光线一致,因为白色页面没有地方可以藏。图片一旦不好,极简的界面只会把问题暴露出来,而不是替它遮掩。

SSENSE 用在幻灯片 · 封面上

SSENSE · 常见问题

SSENSE 的设计出自谁之手?

公司于 2003 年在蒙特利尔创办,与 Rami Atallah 关系密切。现行标识来自 2017 年由 Eric Hu 和 Matthew Tsang 主持的改版,Johannes Breyer 也被列为关键人物。定制字体由字体厂牌 Dinamo 制作。

为什么字这么小,还全部大写?

字号是刻意比“舒服”略小一点的,大写则让标签显得整齐、匿名。两者合起来,让商品文字像画廊墙上展品旁边的展签,商品始终是焦点,界面保持安静。

这套系统里的红色代表什么?

红色是整套系统里唯一的颜色,专门留给折扣价。由于页面其余部分都是黑、灰、白,降价信息不需要徽章或横幅就能被注意到。把红色用在别处,会削弱这个信号。

衬线体和无衬线体如何配合?

中性的无衬线体负责买卖:标签、价格、导航。锋利、高反差的衬线体负责文化:文章标题、专题、访谈。每种字体只做自己的事,这种搭配就显得是有意设计,而不是混用。

这种外观借用了哪些传统?

它从瑞士新无衬线字体传统借来中性的字形,从奢侈品式极简借来白色的克制,又从编辑式电商借来把杂志内容放进商店网格的做法。真正让它可辨认的是这种组合,而不是任何一项单独的借用。

获取 SSENSE 完整设计系统
© 2026 Curio