💰 点进来就是赚到知识点！本文和你聊聊正在火热进行 CSS logo 投票 ，点赞 、收藏 、评论更能促进消化吸收！
🚀 想了解我手离开键盘时在想什么吗？快来订阅专栏「三五行一搁笔」!
引言
今天不写代码，我们让大脑、眼睛和手指都放松一下，来聊点轻松话题。
说起 CSS 的标志性图案，你脑海里首先闪现出来的是不是这个？↓
主体是一个盾牌，上面写着大大的数字「3」盾牌上方写着「CSS」。
但「CSS3」的提出已经是多年以前的事情了，且版本号再也没有升级过。时至今日，CSS 中新功能早已不可同日而语，继续使用上面这个 logo，似乎已经不太合适了。
CSS logo 投稿 & 投票
这不，今年八月，W3C CSS-Next 社区在 GitHub 上发起了一篇征集贴，面向全网征集新的 CSS logo 设计，便于树立新的品牌形象，并兼容后续可能出现的新版本。
组织者建议的设计原则是：
- 小而美
- 辨识度高，不论尺寸大小
- 兼容 1:1 比例
- 包含不多于两种色彩
- 在各种颜色下都美观
- 兼容版本号
- 支持不同尺寸、格式、和平台
为了带动讨论氛围，组织者 argyleink 身先士卒给出了自己的提案：
能看得出抛转引玉的良苦用心🐶。
于是，一场轰轰烈烈的讨论就此展开。
网友 subuhunter 给出了这样的提案：
沿用了经典的盾牌元素，把「CSS」文案整合了进来，并在右上角给版本号预留了槽位。
enbee81 的设计团队给出了两版提案：
他们想传达的理念是：体现 CSS 的流动性、层叠（Cascade）内核，并且在版本号上强调「第四代」的概念。
Amit-Sheen 的提案非常有意思：
这一款的设计语言与「JS」的 logo 保持了高度统一，而点睛之笔在于文案溢出的效果，这是对 CSS 失调的调侃和致敬。果然，这一巧思引发了广泛共鸣：
好怪，再看一眼😜：
itsjavi 则表达了自己的配色理念：
"我深深赞同与 JS logo 保持统一，本来想用 JS logo 的背景色的互补色，但那和 TS 的背景色太像了，所以我们可以选择这个粉色，就像指甲油的颜色，正如 CSS 也是 Web 的化妆品一样。紫色看起来也不错。另外还可以尝试其他布局效果 ↓"
在经过了几轮内部讨论后，组织者们一直觉得上面这个设计很赞。至此，CSS logo 大格局基本定下来了。之后的讨论基本就是围绕字体、配色等细节进行精细打磨了。
终于，在上周，组织者 argyleink 宣布了最终投票局，请大家进行二选一：
其中，左侧方案的背景色叫做 rebeccapurple ，这里面有一段伤感的渊源：
Rebecca 是 CSS 大佬 Eric Meyer 的女儿。在 Rebecca 6 岁生日的前几周，她说自己马上就是大姑娘了，希望到生日时，家人别再用小名「Becca」称呼她了，要叫她全名「Rebecca」。然而就在距离生日还有 12 小时的时候，Rebecca 被病魔带走了。为了纪念她，W3C 通过了一项提案，将
#663399命名为rebeccapurple。
而右侧的蓝色，其含义是与 CSS 原始 logo、W3C logo 以及 CSS3 盾牌的颜色保持一致。
你会选择哪个呢？快去讨论帖投票吧！如果选 rebeccapurple 就点击 🎉；如果选蓝色就点击 🚀。
目前的局面是这样的：
另外还有网友提议，我们也可以像 Go 语言一样整一个吉祥物，那样的话既讨喜，可玩性又高。这一项提议呼声也很高。
所以程序员要不要学设计？
看过这么多 CSS logo 的提案，我们从中能非常明显地感受到，每个提案者的审美和设计水平都是不同的。好的设计不需要多复杂，但简单的元素就是能传达出让人愉悦的美感；而设计能力不足的话，精心搭配的布局和颜色，也可能还是很别扭。那么，作为一个程序员，乃至作为一个前端开发者，要不要学一下设计？
这也是前一阵子 X 上一个比较热的话题。网友 @nishuang 表示 ------ 不建议。他举了个反例：如果你是设计师，想做一款 App，你是会自学编程还是直接找程序员来合作呢？因此效果最好的方式是专业的人做专业的事。
我部分同意这个观点。从收益层面考虑的话，我认为要看投入产出比。如果我们是面向用户交付产品，那么好的设计效果是必须保证的，这时候如果我们花费很多时间和精力去自己学设计，恐怕徒然增加顺利交互的难度，就看你能不能扛得住这个成本和可能不对等的收益。
而如果是做一些个人项目，或者小型的插件类工具，那专门请个设计师来也有点得不偿失。这时候如果我们自己有一些审美和设计能力，那么构建出「基本顺眼」的界面和交互，就能在同规模竞品中脱颖而出。
况且文生图模型的发展，让产出高水准的图片素材更加容易了。但如果我们缺乏审美能力，那么很可能无法辨别生成的素材是不是美观，或者只觉得不美观，但说不出应该调整哪里、应该往哪个方向调整。
我们并不需要成为设计专家，可能只需要掌握一些基本的原理和概念，了解一些专有名词，就能在提示词中更精确地描述自己想要的效果。这样，无论是生成图片、视频素材，还是生成一段布局 / 样式代码，都能大大提高质量和效率。
结语
恭喜你读完了本文！你真棒！
今天我们了解了 W3C 社区正在火热进行的 CSS logo 投票，如果你有更好的设计，那就快去提案。或者给现有方案投票，帮助你喜欢的设计成为最终稿！
另外，我们还浅浅聊了一下程序员和设计的关系，如果你对这个话题感兴趣，欢迎畅所欲言！
📣 我是 Jax，在畅游 Web 技术海洋的又一年，我仍然是坚定不移的 JavaScript 迷弟，Web 技术带给我太多乐趣。如果你也和我一样，欢迎关注 、私聊！