如何評價 Medium 在 2015 年十月更換的新 logo?

The Story Behind Medium』s New Logo


剛一開始看到這個新 logo 的時候我還是比較失望的(自從 iOS 7 那套 UI 之後我已經不大會用「震驚」這個詞來形容我不喜歡的重設計了)。原本 Medium 帶襯線的大寫「M」logo(取自 Stag 字體)一直傳遞著一種對於「傳統」和「現代」的平衡以及對於「寫東西」的純粹感覺,配合 Medium 原本簡潔的設計很合適,但今天 Medium 的創始人 Ev Williams 發文:Taking Medium to the Next Level,宣告了 Medium 向自身的 2.0 時代開始進化。除了推出 2.0 版的 app、編輯器小幅更新之外最大的變化來自新的 logo:

比起原來那個形象有力的 M 來說太「小家子氣」了,和我心中「嚴肅」、「專業」、「高端」的 Medium 氣質完全合不上。但在暫時拋棄個人成見之後,我簡單讀了一下 Ev 寫的通告,裡面說的關於 Medium 下一步進化的方向還是能讓我開始理解這次換標其中的原因:

Bring Medium to the next level and in the process make it more powerful, more fun, more democratic, and more essential.

另外 Medium 設計團隊寫的新設計背後的故事裡對說了原版 logo 的一些問題:太平「玩」不起來略呆板另外獨特性不夠,所以做出了這次改變。新 logo 的圖形部分應該是 in-house 設計團隊完成的,之後他們找來 PSY/OPS 字體工廠的人設計了 logotype,這組字體的細節部分的傾斜度和 logo 是有對應的,雖然我覺得也有一丟丟牽強:

回到 Medium 的網站,字體細節也有更新,除了正文、標題以外的各種界面字體在 CSS 里統一改寫成了這樣:

font-family: system,-apple-system,".SFNSText-Regular","Helvetica Neue","Roboto","Segoe UI",sans-serif;

毫無疑問這是去個性而走系統默認字體的路,這種看似「平庸化」的迭代,我只能理解為 Medium 是想讓產品進一步深入普通用戶,讓他不再是一個專業發布平台,而是給每個平常人用的社交網路:

Medium is not a publishing tool. It』s a network. A network of ideas that build off each other. And people. And GIFs.

—Ev Williams


不請自來。

先安撫下自己受傷的小心肝。總體上,這款新logo讓我非常沒有安全感,感覺像被Medium這個平台背叛了一樣。

我們先來說下老logo,再來根據官方的文章介紹來看看新logo,最後我們再來看看一些外國網友的評價。

我們來先說下老logo。

黑白、slab serif 版本的老logo,讓人聯想起報紙、雜誌等擁有專業編輯過手的諮詢信息,給人一種非常安心的感覺——閱讀這個平台的東西不會浪費你的時間。同時,Medium本身作為一個content generating風格的平台,基於主題和質量排序的寫作也讓writer們一定程度上脫離了隨便發『感想』『日記』『隨感』的氛圍,讓writer更加的像writer,而不是寫什麼都沒人管得了、的自媒體blogger。

作為一個logo本身,老版本,正如官方文章The Story Behind Medium』s New Logo里承認的那樣是一款『 simple, elegant, and strong 』的logo。舊的logo是基於字體Stag(Commercial Type)這款Slab serif字體修改的。顏色僅黑白二色,非常純粹。在我看來,這種純粹感就如文字本身一樣,只有黑白兩色卻賦予了讀者無盡的想像空間。

然而官方卻嫌棄這款logo是

feel flat, impenetrable, blunt, and not to be toyed with (太平了、沒穿透力、笨重、不好玩)。

於是,官方給了我們什麼樣的新logo呢?

The final result, ladies and gentlemen, we couldn』t be more proud of:

logo詳細細節:

source:Brand New: New Logo for Medium done In-house with PSY/OPS

*請大家務必順手點開logo視頻地址看看,否則理解官方的用意會有不完全的可能性:輕量級內容發行平台Medium啟用新LOGO

首先官方的文檔里對於新logo期許的闡述大概有如下文字:

...some fun?—?figuring out how an M shape could bend and stretch to embody what Medium felt like tSo us.

A logo that flows, unfurls, and builds like a great and memorable conversation.

接下來,讓我們來詳細分(tu)析(cao)下這款新logo

1. logo輪廓印象:

source:Dave Byrne

告訴我,上面這個東西,你們有何想法?

我的想法全部是confusion:WTF? N? What the hell? What is it?

辨識度較老logo大打折扣。

2. 顏色:新版本採用了monochromatic(單色系的)的綠色。(謝謝 @NovaDNG 提醒~)

BrandNew網站上有人針對官方給出的版本做了一份修改版本,避免了背景色彩和logo色彩混合後logo無法識別的情況:

source:Stephen Nixon

官方這綠色屢次讓我聯想起諸如電池、亮瞎了、灰度對比坑之類的辭彙。

更不要說這個顏色直接讓Medium作為一個『提供類傳統印刷文字品質級別』文字為主平台的純粹感消失殆盡了。有網友稱這個logo更像是GPS而非news article publisher的logo。嗯……總之我是不會聯想到Medium的核心業務或者企業形象的。

3.幾何與動態

很明顯,如果大家點開視頻看了,就會明白Medium官方對於這款logo的某種期許。

告訴我這種『幾何動態』是否讓你想起了Google前不久剛發布新logo里的四個點點?我理解Google作為一家跨媒體、多平台、生產多種類互聯網產品公司更改logo的需求。畢竟Google從一個搜索引擎到一家提供多項沉浸式服務的互聯網公司巨頭的擴張和發展大家都有目共睹,Google的serif logo也確實用了10多年了。Google希望以一款延展性非常強、同時能保持繼承關係的新logo為中心更新一套適應於現狀的VI(visual identity)系統實在是無可厚非。

可是Medium在新logo上追求的東西,我目前是沒看出有什麼必要。當然,我們還需要看看這款新的logo未來的使用情況。可是目前,與其說是a great and memorable conversation, 不如說是a conversation that too bothering to forget. 真是丑的驚心動魄……OTZ

這種靠幾何形狀組合出來的東西,要麼你色彩搭配上辨識度非常高,比如Google家的新logo,要麼你形狀辨識度上非常高,比如下面這張 墨爾本市的logo。(看看人家的延展性……而且輪廓的辨識度也很高。

source:daveedfast

4. wordmark部分

官方對於wordmark部分的設計和M的關係給出了這麼一張圖:

我個人看來,這種關係沒什麼意義……比起給出這種切線,不如適配下logotype里M中間底部的那個平鈍的轉折和letter symbol里那個尖銳的轉折……看著糟心。

然後貼一下其他網友的評論,都來源於Brand New: New Logo for Medium done In-house with PSY/OPS

當然也有一兩個說這個logo好的,雖然大部分都覺得這個logo不如老logo。

總之,這個logo到底如何,還需要看Medium打算如何在未來的多平台環境中運用和適配對應的VI、UI、UX了。目前已經卸載了Medium。


秉承順勢者昌思路的設計。

挺漂亮有點小驚喜,丟掉了一些「專註」,「專業」,「嚴肅」。帶來了很多「活躍」,「娛樂」。

身段更親民不那麼bold.

應該也代表著未來產品方向的調整。


一個下劃線,就需要幾個年薪60萬美元的員工搞上一個多月的公司(刷新人月神話),心懷一些敬意吧。


我是沒看明白這個新logo的透視關係


Medium的藝術總監Erich Nagler在新Logo的撰文中指出此前的「M」太肅穆呆板,他們希望能夠設計一個新 logo來讓這個平台給人的感覺更有創造力、有趣及活躍。這個logo的字體設計是和第三方的字體設計公司合作完成的。

看了撰文的藝術總監的Medium頭銜,他當下負責兩款產品Medium 和Medium旗下的Matter(前身是ReadMatter,科學新聞雜誌,2013年被Medium收購)。

Matter的Logo是這樣子的:

訪問了一下藝術總監的個人網站,可以看出他主要從事的是雜質封面海報的設計。他此前在NYtimes的項目內容主要是針對某些專欄文章的頭圖及動畫設計等。NYtimes的排版並非出自他之手。

看完Erich的個人網站,再看看medium 2.0的logo。可以看出新Logo及那段Logo展示視頻的風格還是帶有挺強的個人風格的。


早上在灣區看到的時候真以為是開玩笑的。

後來在 Periscope 上有發布會的直播。整個人都不好了。

即便是看了他們那篇文章。

之前的 Medium 完美詮釋了 Branding Character 的嚴肅和俏皮,簡潔精美的排版,沉浸式閱讀,表明他們對文字的尊重和熱愛。可以稱得上是開創式的幽默 release note,親民可愛,至此,品牌形象真是極好極好的。

雖然上面的雞湯和拉清單的文章越來越多,Medium 對自己的定位也不是很堅定,但也不能阻止我對它的喜愛。

但是,竟然把 logo 改了,改就算了,還那麼丑。一點都不像用了 31 天做下劃線的 Medium。

扔進我幾百個 app 的屏幕,再也不能一眼找到。

"Taking Medium to the next level." 有很多種方式,拿 logo 動刀算是最簡單的,就像一個人失戀了,想把一切都拋掉重新來過,新髮型新衣服新公寓,但到頭來,你還是你,最重要的是內在心態,扯遠了,不是說 Medium 心態有問題。

你看 Instagram,那麼多年來,icon 也沒變,但是通過一些細節使得用戶體驗越來越好。

我沒更新,剛去看了一下新的 app 界面,好多卡片,好失望,就像自己喜歡的姑娘,跑去整容了,眼睛鼻子嘴巴再也不是獨一無二。

It"s not about how you look, it"s about who you are.

Too depressed, i need to lie down...


新 Logo 的產生和產品本身的定位是有關的,引述 @不鳥萬如一 在 IT 公論里評論 Meidum 的話:「現在首頁的推薦充斥著《xxx 必做的十件事》這樣文章的 Meidium,已經是一個失敗的產品。」 Meidium 從原先生產高質量原創文字的產品,到現在的定位模糊,導致新 logo 的設計立意平庸,最終出來的結果,也無法給人以 Meidum的 Logo 就應該是這樣的感覺。


原來logo:最牛逼的品牌才可以佔有一個字母,比如g(oogle)、f(acebook)、m(cdonald)……所以字母設計是當時創辦者想成為偉大品牌的自我暗示。

新的logo:覺得自己沒機會成獨角獸了,要轉而成為大部分品牌的附庸服務,故新logo要向別人傳達的是兼容性、擴展性等等。


丑啊


原先的不就挺好的?為什麼?


下文是翻譯的Medium在博客分享的關於新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:

轉自:優設網

原文鏈接:LOGO改版實戰!聊聊Medium 2.0新Logo背後的設計故事


丑就是丑,賦予再多意義也是丑。


出發於3年前的那個不一樣的 Medium 已亡,上次打開應用,多篇 recommended by staff 的文章標題是:

創業人士必知的XX件事情;

提高生產力的XX個工具;

遠離加州的XX個理由;

……

這是要轉型成IT人的Buzzfeed嗎?

我們來看看新logo:

丑沒丑哭,我不知道。為迎合市場、攫取新用戶,Medium 如此轉型,無可厚非。但官方寫了篇https://medium.com/the-story/the-story-behind-medium-s-new-logo-4cd3e143dfcf,詬病舊logo:"has begun to feel flat, impenetrable, blunt, and not to be toyed with. It is also not particularly distinctive, either."

啊啊啊,你們評評理:

簡單粗暴多好啊,Medium 非要放棄高端路線,全面進軍"千元機"市場,都已經紅海了啊,親。

哎,App已刪。


借道吐槽一下他們的字體設定:

No, 「System」 should NOT be the first typeface in the font-family order.


還不是太習慣,剛發現。 我說address中怎麼變綠色了


和Opera9月發布的新logo是一個思路啊


推薦閱讀:

TAG:Logo標誌 | Logo設計 | Medium |