移動互聯網用戶體驗設計經驗集錦-16.設計與表達的學問,MEDIUM新LOGO的設計故事

Medium最近換了一個新LOGO,褒貶不一,想知道內幕,不如來看看這家專註於生產優質文字的網站是如何通過新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」。

雖然白色代表著簡潔、優雅與強壯,但這個 Stag 字體的大寫「M」仍然有些不夠靈活。這個 logo 為 Medium 服務了最初的幾年,但隨著 Medium 不斷地成長、進步,它開始變得有些肥大、不好理解、並且有些生硬,會使用戶產生不好接近的感覺,而且它也有些缺乏特點。簡而言之,我們的「M」logo 已經不再能夠表現或者傳達出Medium 的改變了。

因此,我們在這個夏天想要去創造一個全新的 logo,通過這個logo,我們想要去表達我們是誰、以及從此刻開始我們想要達到的目標。

在研究了上百萬個不同的想法之後,我們把目光又放回到了最初的字母「M」上。再下面一步,我們開始打開我們腦洞,去計算如何通過「M」的彎曲、伸展去展現出 Medium 想要傳達的東西。

由此開始,我們開始變得漸漸嚴肅起來,與字體廠商 PSY/OPS 的字體設計師 Rod Cavazos 展開了合作。有了 Rod 的幫助,我們想要讓我們的 logo 由一系列有內在聯繫的想法或圖形構成,當它們被組合在一起的時候就可以形成一個新的想法。我們想要的 logo 是流動的、平展的,像一次與用戶之間偉大而又令人印象深刻的談話。

最後,我們做到了!這個簡單的幾何圖形「M」感覺非常有趣—像一個好玩的遊戲或是一次令人深深著迷的謎局。我們無法抑制我們想要與不同的設計策略、變化和色彩組合碰撞出不同的火花的想法。

一開始,我們將 logo 的 4 個部分看作是一場對話的重疊部分的延伸。這場對話的語調和方向的變化就像是 logo 中不同部分相互交融的感覺。

下一步,我們與我們在字體方面的合作夥伴 PSY/OPS 協力去開發一款獨特的文字商標,這商標要與我們的新的「M」logo 在美學上保持一致與協調。得到的結果是一系列自定義的、完美結合了

logo 所傳達的角度和精神的字體,避免了變成生硬的幾何圖形。

最後,在經過了許多思考之後 (比如我們的 logo 是否應該有透視、等距、或者中間是否要有投影),我們創造了一個覆蓋非常多不同尺寸和角度的範圍,它可以確保我們採取最穩定、最賞心悅目的光學形態。

作為最後一個點睛之筆,我們沒有直接顯露那些尖銳的角,這樣我們不會給用戶的眼睛帶來尖銳的不適感。最後的結果,女士們先生們,我們非常非常驕傲地為大家展示出我們全新的 logo:


推薦閱讀:

互聯網世界的數據金礦
久邦COO朱志:領航移動出海,我對這個時代有信心
菜鳥與順豐互掐的背後-行業模式的PK
阿里巴巴向Lazada增資20億美元,加碼東南亞市場
MTSC2017第三屆中國移動測試開發大會

TAG:互聯網 | 移動互聯網 | 用戶體驗設計 |