头图

00. 速览

大家好,我是大家的 林语冰

经过国际前端社区的投票,css-next 社区工作组官宣新的 css logo 正式采用,且最终敲定颜色为 rebeccapurple

rebeccapurple 顾名思义为“蕾贝卡-紫”,以人为名的颜色,其背后定然有某些故事。

01. 设计动机

一直以来,css 从未有过官方 logo,后来那个盾牌 logo 随着 css 3 的崛起逐渐广为人知。

css 以后不会有版本号,只有 level(级别),因此 css 3 和盾牌 logo 的设计十分尴尬。

随着 css 规范的其他独立模块逐渐进入 level 4、level 5 等,css-next 工作组最终决定重新设计一款和版本号无关的新 logo。

新 logo 具有以下特点:

  • 没有版本号也能使用
  • 允许使用 svg 和纯 css 格式表示
  • 与 js、ts 等其他 logo 协调

02. 蕾贝卡-紫

设计师最初通过的提案选用了 hotpink 粉色,因为 hotpink 可以作为 js logo 四色配色方案的一部分,符合色彩设计理论。

另外,粉色容易让人联想起美妆,而 css 正是一种网站开发的“美妆技术”。

后来经过工作组的讨论,设计师进行了修改,最终决定采用 rebeccapurple(蕾贝卡-紫)。

你可能还没用过这个紫色,但它从 2014 年以来一直就是官方 css 标准的一部分。

蕾贝卡是 css 标准先驱 eric meyer 的女儿,紫色是她最喜欢的颜色。不幸的是,她在六岁生日后十二个小时就因脑癌辞世了。

听到这个可怕的消息后,设计师 jeffrey 决定做点什么,并在朋友圈发起了一场主题标签活动。

当时有人建议将 #663399 命名为 beccapurple(贝卡-紫),以此来纪念这个小女孩。

2014 年该提案最终确定,css 中将 #663399 正式命名为 rebeccapurple,最初提案为 beccapurplerebecca 是小女孩 becca 的爱称,于是最终诞生了 rebeccapurple 这个名字。

最终,css 现在的新 logo 也采用 rebaccapurple 来纪念小女孩,设计还考虑了亮暗模式或其他颜色场景的支持。

结语

《三体》中,云天明送给程心的行星也被命名了,人类习惯通过名字来纪念那些美好的事物。

我那时还太年轻,不知道一切名字的背后,早就在暗中标注好了意义。

css logo 的设计充满了人文关怀和浪漫主义,代表的也是 web 平台 love & peace 的主旋律。

有趣的是,社区似乎还想给 css 设计一只吉祥物,敬请期待!

我是大家的 林语冰 👨‍💻,欢迎持续 关注 我,随时了解海内外前端开发的最新情报。

谢谢的大家点赞、留言和友情转发,我们下期再见~👍


人猫神话
300 声望1 粉丝