LOGO改版实战!聊聊Medium 2.0新Logo背后的设计故事 - 优设-UISDC

LOGO改版实战!聊聊Medium 2.0新Logo背后的设计故事

2015/10/09 12436评论区

story-behind-medium-new-logo-1

龟途漫漫:Medium最近换了一个新LOGO,褒贬不一,想知道内幕,不如来看看这家专注于生产优质文字的网站是如何通过新Logo 表达自己的改变与创新的。

2be61fb1715d8f69b47e217c1d35652e

了解今年的LOGO设计趋势,看这篇就够了!《这篇就够了!2015年LOGO设计年度趋势报告》

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

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

新 logo 背后的故事

在 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

【最精彩的音乐软件设计实战经验分享】

网易云音乐WP端改版实录!
《化繁为简!网易云音乐WP1.0设计项目实战》

iPad的项目实战!干货更多!
《项目实战!网易云音乐iPad V1.0设计总结》

见证奇迹!QQ音乐的字体设计项目!
《字体设计实战!QQ音乐巅峰榜诞生记》

原文地址:medium
译文地址:geekpark
译者:龟途漫漫

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/story-behind-medium-new-logo

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里