设计2026-03-305 分钟
个性化动效,但绝不改动品牌色
自适应网站喜欢为每位访客重新上色。我们则调节主视觉的能量感——而品牌的洋红色始终不变。为什么品牌完整性比讨喜演示的小把戏更重要。
个性化的浮夸版本会把一切都重新上色。访客来自初创公司?切换为蓝色。来自企业级客户?切换为冷色调的紫罗兰。它演示起来很漂亮,却悄悄摧毁了一个品牌耗费多年构建的那一项资产:一种人们不必读 logo 就能认出的颜色。
我们做个性化,但我们把界线划在了色相之外。我们首页的英雄区是一个 Three.js 粒子场,当访客的受众分群被解析出来时,它会调整两样东西——运动速度,以及连接晶格的密度。初创公司分群会得到一个更快、更稀疏、更具能量感的晶格。企业级分群会得到一个更平静、更密集、读起来结构化而稳健的晶格。不会改变的是强调色。品牌品红(magenta)在每一个分群之间都被刻意地、在代码中保持恒定。我们不会重新上色为蓝色、琥珀色或紫罗兰色,因为那样做会为了赢得一点新奇感而破坏品牌。
在可见的纪律之下还有第二层纪律:只有在分析同意被授予时,分群才会被自动解析,而访客始终可以手动覆盖这一选择。首次到访的访客、任何拒绝同意的人,以及任何尚未选定路径的人,都会得到一个中性的默认体验。这里的个性化是对一套完整体验的增强,绝不是横在它前面的一道门槛。
我们拒绝这样做:为每位访客切换品牌颜色,把文案个性化成我们无法为之背书的内容,或者对没有选择加入的人运行其中任何一项。我们还为无法渲染 canvas 的设备保留了一个纯 CSS 渐变的降级方案——即便粒子无法存活,个性也依然存续。
原则是:调整感受,守护身份。速度与密度承载信息;颜色承载品牌,而品牌不是一个变量。做对了,两位访客可以拥有可被测量出差异的体验,却仍用同一个词来形容这个站点——您的。