← 全部文章

品牌

Strata 徽标的设计

小工作室为什么需要一个真正的徽标

很长一段时间里,我们的 logo 是「上一个页面碰巧渲染成什么样」— 页头一个尺寸的占位图形,页脚另一个,favicon 又是第三个。没人抱怨,因为没人期待一个小工作室有品牌系统。而这恰恰是值得做的原因:它是一个便宜且可见的信号,表明我们会把事情做完。

Strata 徽标

徽标是三条圆角横条,每条向右错开一步 — strata,随时间沉积的地层。这是对这个工作室工作方式最诚实的描绘:没有一鸣惊人的发布,没有 big bang,只有一次一款沉积下来的产品,每一款都叠在前一款之上。错位让徽标自带方向 — 它在向上爬 — 不需要箭头或飞线。

几何上它刻意简单:三个等圆角矩形、固定的步长、单一颜色。它在浏览器标签页的 16 像素下依然清晰,在分享卡的全宽下依然成立,不需要渐变来显得完整。

字标

字标以单一 Medium 字重排出 Zalize,并转为轮廓曲线,使它在任何环境下渲染完全一致 — 不加载字体、没有回退闪烁、不同平台之间不漂移。首字母大写而非全大写:我们按说话的方式书写 Zalize,而不是按徽章的方式喊出它。

围绕它的系统

只有徽标不算品牌。同一次发布交付了全部规格的 favicon、让链接在聊天与信息流中正确展开的 Open Graph 分享卡、邮件页头、十二款产品各自的 lockup,以及防止未来页面挤压徽标的留白规则。所有这些都与代码一起放在仓库里,像代码一样被版本管理。

这些都不光鲜。这正是重点 — 品牌系统属于那种做好了没人看见、跳过了处处刺眼的东西。我们宁愿它没人看见。

Zalize 工作室 撰
-- zalize.com

新文章发布时
第一时间知道。