首页/风格学院/Sonos 字标

Sonos 字标是什么风格?

Sonos 字标示例

Sonos 字标让一张静止的图像显得像在推动空气:硬边放射线由琥珀渐变到朱红,汇向哑光黑底上的白色名字,整个画面像喇叭振膜一样一鼓一鼓。

Sonos 字标速览

Sonos 字标风格是从一件品牌图形里长出来的视觉系统:把 SONOS 这个名字放在一圈放射线的消失点上。线条等距、硬边,从字的中心向外铺开,颜色由温暖的琥珀色一路渐变到深沉的朱红。画面里没有任何东西在动,可只要盯着看一会儿,或者从街边广告围挡前走过,就会感到一种缓慢的搏动,像喇叭振膜推着面前的空气。

围绕这件图形,系统只再加了几样东西。底色是哑光黑,字是白色反白字。放射线永远汇向字标自己的中心,而不是版面上随便哪个点。配图如果出现,也是压缩成双色调、沿硬朗斜线切开的音乐人像,让音乐人的面孔和放射线共用同一套棱角分明的图形逻辑。

这套风格的特别之处在于:它不出声却制造响亮,也不靠通常意义上的装饰。没有圆角,没有柔和的光晕,颜色的推进发生在一条条清晰分开的色带之间,而不是糊成一团的渐变。几何本身就是声响。所以它特别适合需要“有音量”的界面——音频产品、演出、厂牌——同时又足够克制,一个焦点就能撑起整张页面。

Sonos 字标用在文章页上

Sonos 字标从何而来?

这套外观来自 2015 年 Sonos 的品牌重塑。Sonos 是总部位于美国加利福尼亚州圣巴巴拉的无线家庭音响公司,新标识与多伦多的 Bruce Mau Design 合作完成。它的核心想法刻意很小:不去另画一个符号,而是让公司的名字本身成为视觉效果的来源。

这种效果属于一个更古老的思路家族。印刷里的视错觉与动感艺术,长期靠重复的高对比线条,让眼睛在平面上看出运动。单点透视的放射结构——线条像车轮辐条或灯塔光束那样从同一个中心发出——是最简单的做法之一,因为眼睛总想去确认所有线条交汇的那一点。Sonos 把自己的名字恰好放在这一点上,于是眼睛被吸引的对象,正是公司希望被记住的东西。

与这个项目相关的几位人物,对应着合作的两端。Bruce Mau 是主持标识工作的设计师,他的工作室负责整体设计;John MacFarlane、Craig Shelburne 和 Tom Cullen 则是与之相关联的其他人物。音乐这个主题还带来第三条传统:双色调音乐摄影——唱片封套、海报和演出传单长期只用两种油墨印刷,让人像变成一块图形,而不是写实的照片。

这枚“跳动”的字标在发布之后服役了很久,进入 2020 年代仍能在公司的各类物料里认出来。这种长寿本身就是这套风格的论据:它依赖一个清晰的机制,也就是放射线汇向名字,所以在包装、屏幕、舞台和街头广告上都很容易保持一致;又因为从一开始就没有依赖某种时髦的质感或特效,所以不容易过时。

Sonos 字标的视觉特征是什么?

汇聚的放射线

等距、硬边的放射线从同一个中心向外铺开,而这个中心永远是字标的正中。眼睛总想确认交汇点,搏动感正来自这里。如果把消失点从名字上移开,效果立刻就垮了。

琥珀到朱红的渐进

颜色在放射线之间由温暖的琥珀过渡到深沉的朱红,但是以一条条分开的色带完成,而不是平滑的混合。这种推进带来热度和能量,每条色带又保持干净的边,画面因而始终是图形,而不是光晕。

哑光黑底

背景是平整、不反光的黑。暖色放射线和白色文字承担全部的对比,页面因此有一种演出开始前、场馆刚暗下来的气氛。

白色反白字

文字是黑底上的白字,排得朴素,没有特效。只有字标那一处是文字担任主角,其余地方的字都保持安静,好让图形保住它的权威。

双色调音乐摄影

音乐人的肖像被压缩成两个色调,并沿一道硬朗的斜线切开。斜边与放射线的角度呼应,照片和图形便成为同一个图形家族,而不是把图片塞进模板。

拒绝柔化

这里没有圆角,没有弥散的光晕,也没有模糊的投影。每一条边都是一个决定。整体印象很响,却不繁杂,因为整套系统只由寥寥几种硬朗的形状构成。

Sonos 字标用在仪表盘上

谁塑造了 Sonos 字标?

Bruce Mau

与多伦多 Bruce Mau Design 相关的设计师,该工作室负责 2015 年 Sonos 标识及其“跳动”字标。

John MacFarlane

被列为与 Sonos 标识项目相关的关键人物之一。

Craig Shelburne

被列为与 Sonos 标识项目相关的关键人物之一。

Tom Cullen

被列为与 Sonos 标识项目相关的关键人物之一。

今天怎么用 Sonos 字标?

做幻灯片时,这套风格最适合用在封面或章节分隔页。标题放在哑光黑底上,让一圈放射线汇向最重要的那个词,其余东西都让开。内容页退回黑底白字,只留一条暖色色带当点缀,这样整套幻灯片保有气氛,又不会让放射线与信息争抢注意力。数据页用黑色背景,标签用白色,最关键的那组数据用一种暖色;不要把从琥珀到朱红的整段色谱铺满图表,因为这个效果属于那件图形,不属于每一张图。

放在网页上,这个模式适合音频产品、音乐节、场馆或唱片厂牌的落地页。首屏可以让汇聚的放射线衬在产品或演出名称后面,导航缩减成朴素的白色文字。在后台界面和定价页里,把放射线当作难得一见的点缀,而不是背景:套餐名称上方一小段暖色色带,或者主推套餐背后一块放射场,就足够了。硬边要贯彻到按钮和卡片上,用直角,不用柔和的阴影。

编辑与营销场景里,斜切的双色调处理是这套系统最好用的部分。人物专访、巡演公告和新专辑发行活动,都可以用一张斜切、染成双色的音乐人肖像,配上从深色里反白出来的标题。海报和社交媒体方图也适用同样的配方,因为居中的字标和它的放射线在很小的尺寸、很远的距离下依然成立。

常见的错误是把效果推过了它赖以成立的机制。把放射线挪到偏离中心的位置,放到正文后面,或者把色带糊成平滑的渐变,都会让光学搏动消失,只剩下一个普通的太阳放射图案。另一个错误是在一张长页面的每一节都重复这件图形;这种错觉依赖它的稀有。把汇聚的放射线当作一次郑重的事件,其余部分保持黑、白和安静。

最后说说颜色的克制。暖色区间承载着品牌,所以不要掺进蓝色、绿色这类无关的色相。页面如果需要额外强调,就改用字号、间距或一条白色细线,而不是再添新颜色,这样整个标识就能一直像原作那样锋利。

Sonos 字标用在幻灯片 · 封面上

Sonos 字标 · 常见问题

Sonos 的“跳动”字标是谁设计的?

这套标识诞生于 2015 年 Sonos 的品牌重塑,由多伦多、与 Bruce Mau 相关的 Bruce Mau Design 合作完成。与项目相关的其他名字还有 John MacFarlane、Craig Shelburne 和 Tom Cullen。核心想法是把 SONOS 这个名字放在放射线的消失点上,而不是另画一个符号。

这个字标真的是动画吗?

不是。画面完全静止。搏动感是由硬边放射线汇向同一点产生的视错觉,属于印刷视错觉与动感艺术的传统。眼睛不停地想确认线条交汇的位置,这种不安分的努力就被读成一下一下的节拍,像喇叭振膜的运动。

为什么选哑光黑底和白字?

平整的黑底让琥珀到朱红的暖色色带获得最强的对比,也让人联想到演出开始前暗下来的场馆。白色反白字不需要再添颜色就足够清晰,于是放射线成为页面上唯一有色彩的事件。

哪些项目适合这套风格?

凡是需要“有音量”又不想杂乱的项目都适合:音频产品、演出、音乐节和唱片厂牌是最明显的对象,发布页和海报这类看重单一焦点与强剪影的场景也行。对于篇幅很长、文字很多的文档就不太合适,因为放射线在那里没有机会保持稀有。

双色调摄影该怎么用才对?

把每张肖像压成两个色调,沿一道与放射线角度呼应的硬朗斜线切开,标题保持白字落在深色底上。避免柔和的暗角、全彩照片或圆角蒙版,这些都会破坏把照片和图形连在一起的硬边逻辑。

获取 Sonos 字标完整设计系统
© 2026 Curio