兩年突破 600 萬用戶,MONO 如何用視覺感設(shè)計打造高質(zhì)內(nèi)容

本文來自愛范兒旗下創(chuàng)業(yè)社區(qū) MindStore 的“MindTalk 線場”欄目。如果希望參與到 MindStore 欄目報道,或者有相關(guān)項目推薦,請將產(chǎn)品提交到 MindStore.io。

提起 MONO ?APP,很多人會用“眼前一亮”、“愛不釋手”的詞匯來形容它。在知乎上一個關(guān)于“如何評價「MONO 貓弄」這個 App?”的提問,引來了 63 個知友的回答和 704 個關(guān)注。大部分人認(rèn)為,MONO 的視覺形式感很強(qiáng),風(fēng)格偏文藝小清新,設(shè)計精致、內(nèi)容整合出色,交互也很優(yōu)秀。

由此可見,才創(chuàng)辦了兩年半的 MONO 已受到普遍關(guān)注和熱烈追捧。早在 2016 年 1 月,MONO 的用戶量已突破 600 萬。而作為 MONO 的 CEO,于向飛畢業(yè)于倫敦印刷學(xué)院平面設(shè)計系,從事設(shè)計行業(yè)多年,曾供職于豆瓣,見證了豆瓣閱讀的成長過程。

2014 年,因不滿行業(yè)內(nèi)沒有一個產(chǎn)品能把好的興趣點(diǎn)和內(nèi)容簡化、純化,加之本身對各種文化的濃厚興趣,于向飛創(chuàng)立了 MONO。

圖片來源于嘉賓分享

后來因設(shè)計 MONO logo 的契機(jī),于向飛的朋友阮千瑞也加入了 MONO 團(tuán)隊。如今已是 MONO 設(shè)計總監(jiān)的阮千瑞,曾為樂隊萬能青年旅店 設(shè)計唱片封面和海報。

圖片來源于嘉賓分享

之前,于向飛和阮千瑞,兩個 MONO 背后的男人,作客 MindTalk 線場,跟大家聊一下對設(shè)計和看法。

以下是整合后的分享內(nèi)容:

Q1:可以給我們介紹一下 MONO 的創(chuàng)業(yè)歷史嗎?

于:最初創(chuàng)立 MONO,是因?yàn)槲覀冇X得中文的內(nèi)容世界里,內(nèi)容噪音很大,高質(zhì)量內(nèi)容雖然很多,但容易被淹沒在噪音的海洋里。我們希望通過產(chǎn)品提取高質(zhì)量的內(nèi)容供大家閱讀,是一個內(nèi)容整理和去噪的概念。

阮:MONO 最開始是想單純做一個高質(zhì)量閱讀平臺,用過最早版本的朋友會有印象。中間我們在方向和設(shè)計細(xì)節(jié)上做過很多調(diào)整,才能成就我們最新的版本。

于:對,我們一開始因?yàn)槿耸趾苌伲匀斯ぞ庉嫷男问教暨x內(nèi)容,以日報形式和下拉式交互呈現(xiàn),是一種精選媒體的形式。隨著內(nèi)容和用戶量的增長,需求也在變化,最近的改版是經(jīng)過半年技術(shù)積累,希望在內(nèi)容領(lǐng)域里幫大家更好發(fā)現(xiàn)自己感興趣的內(nèi)容。設(shè)計這個版本時,希望能讓用戶更快地找到興趣點(diǎn),訂閱興趣點(diǎn),持續(xù)性消費(fèi),提供基于興趣的優(yōu)質(zhì)內(nèi)容。

圖片來源于嘉賓分享

Q2:MONO 旗下有很多特色的內(nèi)容欄目,能否分享一下這背后的設(shè)計思考?

阮:欄目的設(shè)置并不是單方面的設(shè)計思考,而是我們編輯團(tuán)隊在選題還是內(nèi)容策劃上,配合度高。理由也很簡單,好內(nèi)容跟我們自己的趣味判斷有關(guān),但在最新版本里,我們更偏向以算法和體系來加強(qiáng)內(nèi)容的質(zhì)和量。

阮:以前于向飛跟我說過,產(chǎn)品設(shè)計就是設(shè)計一個中空的盒子,讓人能找到他想要的,而且還能互相找到,跟平面設(shè)計不同,基本是做預(yù)設(shè)和規(guī)劃,更抽象一些,但是涉及設(shè)計本身的問題就更多一些,不是單純的美學(xué)或者風(fēng)格上的表現(xiàn)。

Q3:對設(shè)計師來說,怎么去平衡個人美學(xué)的判斷和設(shè)計的需求?

阮:功能和美學(xué)這是人類永遠(yuǎn)的話題吧,更何況美也是一種隱性的功能。只能說很多人并不會掌握它。我的理解是,設(shè)計的極致美學(xué)應(yīng)該是把需求和美學(xué)變成一個東西,而不是分開讓人看見。

于:之前看過一個有關(guān) helvetica 字體的電影,以功能性為代表的 Wim Crowel 和對此嗤之以鼻強(qiáng)調(diào)個性的 Sagmeister 有過很激烈的交鋒。我個人認(rèn)為,如果摒棄掉個人的趣味和審美,一味諂媚用戶的需要,設(shè)計很可能會陷入套路化。

阮:對,我曾經(jīng)遇到個客戶,跟我說要把標(biāo)題和電話號碼都放大,當(dāng)時我傻乎乎地答應(yīng)了,結(jié)果設(shè)計后他覺得粗暴我也覺得難受,這就是因?yàn)闆]有掌握設(shè)計的奧妙。相信很多設(shè)計者都會遇到這種情況,現(xiàn)在我都會解釋說:“我的工作是,把你要傳達(dá)的信息放在合適的位置。”就像在一個畫面里,最先看到還是最后看到,都是技巧和經(jīng)驗(yàn),說是功能其實(shí)也是美學(xué)。

于:我曾經(jīng)認(rèn)為,產(chǎn)品的設(shè)計要避免重復(fù)設(shè)計輪子,使用成熟的交互模型。而設(shè)計的功能性是完全去感情化的,更多的是流程和邏輯。之前就因此和千瑞在這個理解上有本質(zhì)的沖突,但和他工作,讓我重新認(rèn)識了設(shè)計。

圖片來源集圖網(wǎng)

Q4:MONO 的設(shè)計交互廣受贊譽(yù),你們是怎么去設(shè)計的?

阮:怎么展示內(nèi)容、標(biāo)題、圖片和視頻,是需要預(yù)設(shè)各種媒介在這個框架/模版里的效果,基本上是在設(shè)計一個展示機(jī)制,而不是一個圖像表演。這點(diǎn)相信很多做過 UI 和 WED 設(shè)計的同行都深有體會。

于:我想起 MONO 去年出了個限量版日歷,就是小阮設(shè)計的。他突然拿出設(shè)計打樣的那天,看到這個設(shè)計的瞬間我真的要感動哭了,我被設(shè)計的力量打動了。

阮:之前有個朋友跟我說:“你在做平面設(shè)計,但現(xiàn)在的“平面”都是在手機(jī)上的。”我突然感悟到,這其中的技術(shù)以及媒介的分別實(shí)在太大了。向飛曾跟我說 FACEBOOK 發(fā)明了 FEED 流,以前我看就是一個往下拉的個人信息嘛,最后發(fā)覺其實(shí)是個革命性的東西,人們在一個頁面里聚合起來,而不是以前那種論壇、聊天室的信息形式。

阮:而這個日歷盒子其實(shí)也是一個 FEED 流,本質(zhì)上是一個拉頁的形式,雖然是用紙的,但實(shí)際上是跟使用手機(jī)的視覺習(xí)慣一樣的,往下刷有無窮的信息。

圖片來源于 MONO 官網(wǎng)

Q5:網(wǎng)上有用戶說用了 MONO 后卸載了其他雜志軟件,連微信公眾號也不看了。那么你們是怎么滿足用戶們的需求呢?

阮:其實(shí)也有人說 MONO 內(nèi)容不接地氣,因?yàn)榇蠹覍π畔⒌男枨蟠笥趯?nèi)容的需求,好的內(nèi)容不一定有用但能改變你對生活的看法。于向飛曾跟我抱怨說在國內(nèi),有自己愛好和興趣的人不多,這是生活單調(diào)造成的。雖然 MONO 有趣,但以現(xiàn)在互聯(lián)網(wǎng)對產(chǎn)品的判斷標(biāo)準(zhǔn),未必是正確的、接地氣的。

于:我覺得作為從事互聯(lián)網(wǎng)行業(yè)的設(shè)計師,每天聽到的和思考的,都是需求、用戶價值等從業(yè)基本功。我認(rèn)為設(shè)計的美學(xué)很多是源于更隨機(jī)和勇敢的沖動,但套路還是有很多,以前我在很套路的設(shè)計 team 待過,現(xiàn)在想想他們的工作真是太輕松了。創(chuàng)業(yè)的這兩年,我經(jīng)常陷入混亂中,設(shè)計就是在迷宮中找出口。

阮:我覺得你認(rèn)為是迷宮,是因?yàn)槟惚惶嘈枨蟾蓴_了,但真正的需求肯定只有一個,通過這一個延展成各種表現(xiàn),你要一直鎖定你要表達(dá)的東西。我在進(jìn)入行業(yè)時,發(fā)現(xiàn)很多需求都是偽需求,能存活下來的產(chǎn)品才是本質(zhì)需求。

圖片來源于優(yōu)設(shè)

Q6:有什么建議和經(jīng)驗(yàn)可以給入行的設(shè)計師們?

阮:先掌握工具,再學(xué)怎么思考和獨(dú)立解決問題,掌握工具至少要好幾年,之后才是發(fā)展自己的視野、趣味,把這些經(jīng)驗(yàn)變成自己的方法。以前我就小瞧了工具,如果你工具不熟練,首先就會被自己障礙了,更何況要幫別人解決問題。

于:對,就像音樂,你要即興就首先要有過硬的技術(shù)訓(xùn)練。

Q7:最后,作為資深設(shè)計師,你們能給大家分享一些好的設(shè)計作品嗎?

于:我最近喜歡的 APP 是 musical.ly,還有推薦大家看看浦澤直樹的漫勉,最近我和千瑞都在看。

阮:我推薦 design studio,這是個設(shè)計工作室。互聯(lián)網(wǎng)公司很少考慮整體品牌的形象,這套非常有參考價值。推薦大家看《設(shè)計面面觀》 (2009) Objectified 這部片子,這是教科書式的存在,做設(shè)計的人都應(yīng)該看看。

注:文中數(shù)據(jù)不做投資參考;本文內(nèi)容經(jīng) M 君修改整合,文中簡稱取采訪對象的姓。

MindStore 是愛范兒旗下最新潮有趣的產(chǎn)品與想法分享平臺,在這里每天發(fā)現(xiàn)你感興趣的產(chǎn)品。歡迎關(guān)注微信公眾號:mindstoredyh ,微博:MindStore,獲得更多大咖線上分享和創(chuàng)業(yè)者訪談。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,488評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,034評論 3 414
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,327評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,554評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,337評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,883評論 1 321
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,975評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,114評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,625評論 1 332
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,555評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,737評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,244評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 43,973評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,615評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,343評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,699評論 2 370

推薦閱讀更多精彩內(nèi)容