Anyway.FM 官网新主题上线 × 2

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

图片载入中...

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

图片载入中...

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

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

国际媒体集团 Anyway 单方面宣布恶意收购竞争对手 UX Coffee,并进行资产重组推出全新设计类播客 Anyway.Coffee,从此科技界有了两个 AC,AppleCare+ 关怀你的设备;Anyway.Coffee 关怀你的心灵


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



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

图片载入中...



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

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

图片载入中...

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

图片载入中...

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




博文评论
微博 知乎 Twitter Dribbble Behance Instagram LinkedIn Unsplash