跟去年愚人节一样，这次给 Anyway.FM 官网也上线了一个节日主题，只不过更恶搞了一点儿，拿敌台开了个玩笑。同时跟上次类似，这过完节觉得不要浪费，所以就把他做成新的主题再加上另外一个「性冷淡」风格的一起上线了~



因为我台官网 CSS 里用了不少自定义属性，所以简单主题实现起来很快，比如科比逝世（?）当天我一边跟女儿玩一边就能五分钟调出一个主题来，不是通过 CSS 的 filter() 来去色换色啥的，而是可以精细调整颜色，就像下面这样（感谢听众 Kimi 截图，我当时懒得提交代码，本机都无法复现了）：



所以三月初我想起来愚人节恶搞「敌台」UX Coffee 的主意就跟 Leon 提了，当时其实差不多已经调出了一个简单的换色、换 logo 版本主题来了：


不过 Leon 第一时间给否了，他表示看不惯 MBE 风格的图标（?对不起敌台主播，no offense）并当即表示要玩大一点儿，他来重新设计一个融合的 logo 并当即亲自撰写了文案：



这次 Leon 还挺起劲的，没有拖延太久就设计出了「触手系」+「咖啡杯」的新 logo，看他如此认真那我也就配合一下，给我们的原 logo 和新 logo 的触手设计了动效。虽然看起来感觉触手的动作还是太显「匠气」，但毕竟我也第一次做类似这种动画，觉得很好玩的同时也原谅了自己~



同时为了对得起这额外的努力，主题还是稍微打磨了一下，用上了大圆角、粗壮下划线以及一款和 UX Coffee 本来 logo 里有点儿相似的偏几何风格的西文字体 Acherus Grotesque，为了能尽量模拟一点儿敌台的味道：





而另一款「反正很简单」主题的灵感其实来自于我台时报副主编 CLU，他最近经常给我「洗脑」地发 minimal 风格的设计，哈哈哈。而我正好有个做一款「让别人一眼看不出你是在上 Anyway.FM 摸鱼」主题的想法（我不会告诉你我主要是做给自己用的），所以就索性结合了一下。

为了保证在整体布局和尺寸都不调整的前提下空出更多留白，我就在这套主题里尝试了完全取消粗细字体的对比来减少灰度，嗯，并不是因为西文字体太贵我买不起两个字重。而这里用到的西文字体（唉，卑微地说说，确实挺贵的）是 Basis Grotesque，和本博客所使用的 Aperçu 同出自于字体工坊 Colophon Foundry，啊，我确实很喜欢他家的作品~ 特别是这个 Basis Grotesque，乍一看是挺标准的 Grotesque 味道，简单、像空气一般，很配合主题，但在数字以及部分小写字母里的弯曲笔画却又不那么「无聊」，我台官网毕竟有相当多的数字，包括目录和参考链接的时间之类的，所以这款字体我是试了一小下就掏钱包了！



在图标上同样进行了「瘦身」，同时用很多线条来做区隔以抵消粗细对比的缺失，就成了现在这个样子了~



目前我台已经有了 7 款自定义主题，有兴趣的朋友请前往官网体验~（hai，我也知道主题这玩意儿没人关心，但我乐意，哈哈哈哈）


Tags - 主题