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

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏