Medium 2.0 新 logo 背后的设计故事

Medium 2.0 新 logo 背后的设计故事

Medium,这是每个平时爱写点儿东西去表达内心的感受、喜欢从文字的堆积中寻找思维火花与心灵慰籍的文艺青年们都应该关注的网站,相信已经有很多善于使用这类文字工具的朋友已经关注或使用它很久了。而昨天,它进行了一次大的更新,升级到了 Medium 2.0 版本,带来了许多新的功能,比如更新了更好用的移动端 App;带来了新的 Mentions 功能(你可以在写作的时候 @ 其他用户加入你的写作过程中);更好的写作体验(比如首字母下沉,更好用的标注系统)等等。但打开新的 Medium 的界面,最先映入你眼帘的却是另一个更新:那就是 Medium 新的 logo。

如果大家比较关注科技新闻,那你一定还记得一个月之前 Google 就更换了自己的 logo,当时我们也为大家详细介绍了 Google 新 logo 的设计理念和想法。但作为一家气质不同于 Google、以写字为功能和目的的文艺范儿网站,Medium 究竟是如何考虑为自己更换一个新的 logo 的呢?为了完整展示 Medium 的想法,我们为你全文翻译了 Medium 在自己的 Blog 中做出的解释,相信从中各位能够了解到一家有想法、有情怀的文艺网站该如何设计自己的 logo。

新 logo 背后的故事

(以下全文翻译自 Medium官方 Blog,原文地址: https://medium.com/the-story/the-story-behind-medium-s-new-logo-4cd3e143dfcf


在 Medium 3 年前第一次上线测试版本的时候,我们最初使用的 logo 是一个又大又方的、黑白色的、Stag 字体的大写字母「M」。

1-d7VAz-6DmBnmpKYXd3Bd4Q.png

虽然白色代表着简洁、优雅与强壮,但这个 Stag 字体的大写「M」仍然有些不够灵活。这个 logo 为 Medium 服务了最初的几年,但随着 Medium 不断地成长、进步,它开始变得有些肥大、不好理解、并且有些生硬,会使用户产生不好接近的感觉,而且它也有些缺乏特点。简而言之,我们的「M」logo 已经不再能够表现或者传达出 Medium 的改变了。

因此,我们在这个夏天想要去创造一个全新的 logo,通过这个 logo,我们想要去表达我们是谁、以及从此刻开始我们想要达到的目标。

在研究了上百万个不同的想法之后,我们把目光又放回到了最初的字母「M」上。再下面一步,我们开始打开我们脑洞,去计算如何通过「M」的弯曲、伸展去展现出 Medium 想要传达的东西。

1-L4saF6QgK44lr8YR_l4c0A.png

由此开始,我们开始变得渐渐严肃起来,与字体厂商 PSY/OPS 的字体设计师 Rod Cavazos 展开了合作。有了 Rod 的帮助,我们想要让我们的 logo 由一系列有内在联系的想法或图形构成,当它们被组合在一起的时候就可以形成一个新的想法。我们想要的 logo 是流动的、平展的,像一次与用户之间伟大而又令人印象深刻的谈话。

1-g24buNk356rxxfPTUmMD6Q.png

最后,我们做到了!这个简单的几何图形「M」感觉非常有趣—像一个好玩的游戏或是一次令人深深着迷的谜局。我们无法抑制我们想要与不同的设计策略、变化和色彩组合碰撞出不同的火花的想法。

1-vDePQoiXJtOL1bbCAX5mZA.png

一开始,我们将 logo 的 4 个部分看作是一场对话的重叠部分的延伸。这场对话的语调和方向的变化就像是 logo 中不同部分相互交融的感觉。

下一步,我们与我们在字体方面的合作伙伴 PSY/OPS 协力去开发一款独特的文字商标,这商标要与我们的新的「M」logo 在美学上保持一致与协调。得到的结果是一系列自定义的、完美结合了 logo 所传达的角度和精神的字体,避免了变成生硬的几何图形。

1-3u8B8F0ykNBe34j3VxfnfQ.png

最后,在经过了许多思考之后 (比如我们的 logo 是否应该有透视、等距、或者中间是否要有投影),我们创造了一个覆盖非常多不同尺寸和角度的范围,它可以确保我们采取最稳定、最赏心悦目的光学形态。

1-AOaum04fjgHPrnPVZsoO9A@2x.png

作为最后一个点睛之笔,我们没有直接显露那些尖锐的角,这样我们不会给用户的眼睛带来尖锐的不适感。最后的结果,女士们先生们,我们非常非常骄傲地为大家展示出我们全新的 logo:

1-5ztbgEt4NqpVaxTc64C-XA.png




文章头图来自站酷海洛创意

LOGOMedium
下载极客公园客户端
iOS下载
反馈