優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

編者按:從土木工程畢業(yè)的@魔力大熊?,到現(xiàn)在換了7份工作,從新東方英語講師到產(chǎn)品經(jīng)理,從UI 設(shè)計(jì)到前端重構(gòu)工程師,曾是今日頭條的高級(jí)交互設(shè)計(jì)師,如今在幣信負(fù)責(zé)產(chǎn)品設(shè)計(jì)和前端重構(gòu),技能樹快點(diǎn)滿的他,究竟是怎么學(xué)習(xí)的?來看今天的專訪。

嘉賓介紹

大熊(王磊)幣信產(chǎn)品設(shè)計(jì)負(fù)責(zé)人,前端重構(gòu)工程師,曾任今日頭條高級(jí)交互設(shè)計(jì)師

2013 參與巴比特早期創(chuàng)業(yè)
2014 創(chuàng)辦美喵、豆包金融
2015 入職今日頭條
2015-至今 幣信(前身 haobtc)負(fù)責(zé)產(chǎn)品設(shè)計(jì)

Dribbble:https://dribbble.com/raymond92
Github:https://github.com/rayston92
知乎專欄:https://zhuanlan.zhihu.com/bearpaw

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

△ 帥氣的個(gè)人照

1. 您現(xiàn)在負(fù)責(zé)的工作是什么呢?

現(xiàn)在在一家叫幣信的區(qū)塊鏈公司工作,負(fù)責(zé)產(chǎn)品設(shè)計(jì)和前端重構(gòu)。

2. 說說職業(yè)生涯重要的轉(zhuǎn)折點(diǎn)?

在重慶念的大學(xué),是土木工程專業(yè),當(dāng)時(shí)完全是閉著眼睛選的專業(yè),所以到真正開始接觸工程后,才意識(shí)到自己不喜歡,覺得大學(xué)花在專業(yè)課上的時(shí)間價(jià)值寥寥。如果條件允許,建議學(xué)弟學(xué)妹能在大學(xué)入學(xué)前申請(qǐng)推遲一年入學(xué),然后出去走走(比如背包出國(guó)),多接觸不同領(lǐng)域不同國(guó)家的人,看這些國(guó)家的年輕人在做什么。這些生活和志向上的迥異能讓你思考,推己及里,對(duì)于將來的學(xué)業(yè)規(guī)劃會(huì)很有幫助。

我真正參加工作的時(shí)間跟前輩們比起來,并不算長(zhǎng)。過去幾年對(duì)我改變最大的,應(yīng)該是3次關(guān)鍵的轉(zhuǎn)折點(diǎn):

第一次是從杭州一家初創(chuàng)來北京,契機(jī)是李笑來老師創(chuàng)辦了比特基金,拿了基金的投資,我在孵化器連續(xù)做了兩家公司,一家做寵物社區(qū)的叫美喵,一家做 P2P 金融的叫豆包,很可惜,兩個(gè)項(xiàng)目最后都很坎坷??傊S著2014年這股全民創(chuàng)業(yè)的熱潮過去,初創(chuàng)公司如果沒有摸索出實(shí)際可行的商業(yè)模式,看不到增長(zhǎng),最后的結(jié)果只能是關(guān)閉清算。對(duì)于這段創(chuàng)業(yè)經(jīng)歷,我至今心存感激,能快速?gòu)南笱浪哌M(jìn)真實(shí)的商業(yè)社會(huì),把想法落地,這其中能學(xué)到實(shí)在太多。

第二次是項(xiàng)目結(jié)束后,決定去大公司老老實(shí)實(shí)上班。當(dāng)時(shí)拿了Uber Beijing和今日頭條的offer,覺得頭條的成長(zhǎng)性很好,就去了頭條做了交互設(shè)計(jì)師。明顯感覺到,之前創(chuàng)業(yè)小團(tuán)隊(duì)的效率固然很高,但一旦產(chǎn)品成長(zhǎng)為平臺(tái)(比如頭條),開發(fā)流程需要兼顧的點(diǎn)就開始迅速變多,也更需要從協(xié)作的角度考慮問題,這樣的場(chǎng)景在小團(tuán)隊(duì)很難復(fù)現(xiàn)。公司高速成長(zhǎng)的過程中,各個(gè)設(shè)計(jì)師在大部門的話語權(quán)要靠產(chǎn)出爭(zhēng)取。如果是剛參加工作的設(shè)計(jì)師,這樣的環(huán)境能幫助你快速成長(zhǎng),但絕不要期望設(shè)計(jì)團(tuán)隊(duì)中會(huì)有其他人放下手中的工作來幫助你,大家的時(shí)間都很寶貴,能有一個(gè)好的、活躍的設(shè)計(jì)氛圍已然很難得了。

第三次是從頭條離職加入一家創(chuàng)業(yè)公司,也就是現(xiàn)在的公司,做的是區(qū)塊鏈比特幣方向的創(chuàng)業(yè)。我個(gè)人在2013年就有投資,覺得這個(gè)領(lǐng)域依然有很多事情可以做,就沒有猶豫太多,加入初創(chuàng)團(tuán)隊(duì)了。

3. 今日頭條和幣信工作都學(xué)到了什么?

每段工作經(jīng)歷帶給我的感受都不一樣,大公司,小公司,自己創(chuàng)業(yè),各有各的優(yōu)缺點(diǎn)。如果算上大學(xué)期間在新東方兼課,我在從事現(xiàn)在這份工作前,一共換了7份工作。職業(yè)身份從講師到產(chǎn)品經(jīng)理,從 UI 設(shè)計(jì)師到前端重構(gòu)工程師,堪比打雜專家,余不一一。職位的變化完全是由公司的業(yè)務(wù)需求決定,以至于過去長(zhǎng)達(dá)兩年的這段「職業(yè)嘗試期」,我一直處于一個(gè)比較痛苦的學(xué)習(xí)狀態(tài),偶爾因?yàn)閷W(xué)習(xí)帶來的快樂,也會(huì)瞬間被現(xiàn)實(shí)擊垮。

后來我意識(shí)到很重要的一點(diǎn),每個(gè)人的社會(huì)分工(職位標(biāo)簽),都是暫時(shí)的。雇主(或是自己開公司)需要的是找到合適的人,提供合適的薪酬,讓 TA 解決問題,推動(dòng)公司前進(jìn)。作為打工者,一旦拿職業(yè)標(biāo)簽束縛自己,只盯著自己眼前的一畝三分地,就很難真正把事情做好。設(shè)計(jì)師是一個(gè)很特殊的群體,他們創(chuàng)造了各種形式的美、色彩、形體、節(jié)奏、甚至邏輯上的美,但有時(shí)容易忽略沉浸其中,忽略別的。尤其是大公司把崗位分的很細(xì),UI 設(shè)計(jì)師、動(dòng)效設(shè)計(jì)師、交互設(shè)計(jì)師、視覺設(shè)計(jì)師,大的 UED 團(tuán)隊(duì)更是會(huì)分用研設(shè)計(jì)師和原型設(shè)計(jì)師,每個(gè)人都被要求把自己手里的事情做好,做精,做深,但也因此少了跨崗位,乃至跨部門的業(yè)務(wù)認(rèn)知。

所以到工作幾年之后,很多設(shè)計(jì)師就愈發(fā)意識(shí)到,只是單純做設(shè)計(jì),是難將設(shè)計(jì)落地,最后變現(xiàn)的。

哪怕是有一天決定自己開個(gè) Studio,也會(huì)面臨市場(chǎng)、拓新、收支一系列的問題,光是把設(shè)計(jì)做好等著別人來垂青,無法解決這些問題。

正因如此,每份工作,不論是大小公司,不論具體崗位的工作內(nèi)容。核心的點(diǎn)是讓自身成長(zhǎng)為 T 型的人才,在專注的領(lǐng)域要深耕,對(duì)其他領(lǐng)域也一定要了解。事無巨細(xì),每樣事情都帶著認(rèn)真的心態(tài)做好,一定會(huì)有好結(jié)果。

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

△ 追波作品

4. 您不僅是PPT 高手,還會(huì)Lumion/Sketchup、前端,UI 設(shè)計(jì)、交互設(shè)計(jì)等,能說說您學(xué)習(xí)新東西的方法嗎?

學(xué)習(xí)是一生都要進(jìn)行的事,它不應(yīng)當(dāng)是一種技巧、本領(lǐng),而應(yīng)該是伴隨人一生的本能。原始社會(huì)一個(gè)智人能否生存下來,要看他是不是四肢發(fā)達(dá),身手矯健,能以最小的代價(jià)獲取到食物。但現(xiàn)代社會(huì)早已不是刀耕火種的年代,最值得踐行同時(shí)回報(bào)率最高的,就是不停的學(xué)習(xí)。拿我自己舉個(gè)簡(jiǎn)單的例子,學(xué) Sketchup、Lumion、Revit,都是因?yàn)槟顣鴷r(shí)要做老師的一個(gè)項(xiàng)目,作為建筑設(shè)計(jì)可視化整體方案的一部分而去學(xué)的。學(xué) UI 是因?yàn)閯?chuàng)業(yè)時(shí)找一個(gè)好的設(shè)計(jì)師太難,只好自己硬著頭皮上。學(xué)動(dòng)效是因?yàn)闆]有專職的交互設(shè)計(jì)師,只好自己學(xué) AE 和 Framer.js。學(xué)前端是因?yàn)闆]有富裕的前端工程師幫助重構(gòu),只好自己實(shí)現(xiàn)界面。

所有學(xué)習(xí)的初始動(dòng)機(jī),都是由于項(xiàng)目在推,往往這樣學(xué)習(xí)的效果是最好的,正因?yàn)橛袑?shí)操,記憶和理解都比較深刻。

反倒是好好坐下來,慢慢去學(xué)習(xí)某個(gè)你想學(xué)的知識(shí),效果卻不理想。這就像學(xué)外語,我們中國(guó)學(xué)生從小學(xué)開始學(xué)到大學(xué),10多年教育,背單詞背的這么辛苦,見到老外(更別說工作上溝通),就支吾說不出口。而一旦因?yàn)槠鯔C(jī)去國(guó)外工作個(gè)幾年,口語就溜的翻天覆地。可見帶著實(shí)際需求去學(xué)習(xí),效果最好。Get your hand dirty!

如果是要學(xué)習(xí)專業(yè)領(lǐng)域的知識(shí),不建議大家去報(bào)各種費(fèi)用昂貴的線下培訓(xùn)班。沒有什么知識(shí)是非要去線下學(xué)的,科學(xué)上網(wǎng),Youtube 上一堆 UI 設(shè)計(jì)、動(dòng)效、前端 JS 的視頻都可以看,還有類似可汗學(xué)院、Udacity、Udemy 之類的教育網(wǎng)站可以嘗試。我自己以前經(jīng)??磍ynda的視頻,現(xiàn)在碰到新的概念更喜歡直接 Google,一般稍微瀏覽都能找到非常棒的相關(guān)博文或者視頻,看完感謝偉大的互聯(lián)網(wǎng)!

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

△ 正在做KeyNote 教程的大熊

5. 同時(shí)掌握交互/UI/編程是一種什么樣的體驗(yàn)?跨界給您帶來了哪些好處?

從某種意義上,我認(rèn)為 UI 設(shè)計(jì)師(甚至視覺方向)最后一定要會(huì)一些編程能力,至少是用主流的語言寫界面的能力。之所以這么說,是因?yàn)橹挥姓嬲龑懘a,才知道做設(shè)計(jì)的正確姿勢(shì),那就是從實(shí)現(xiàn)出發(fā)。有些剛剛工作的設(shè)計(jì)師,非常迷戀 dribbble 或者其他設(shè)計(jì)網(wǎng)站上酷炫的動(dòng)效,但要清楚,這些如同只字片語的設(shè)計(jì)師靈感,往往只停留在概念稿上,不會(huì)投入實(shí)際項(xiàng)目。原因就是實(shí)現(xiàn)成本,有的設(shè)計(jì)只做到好看,但不實(shí)用,經(jīng)不起推敲。如果一個(gè)設(shè)計(jì)師自己寫網(wǎng)站,打個(gè)比方,做個(gè)landing頁面,設(shè)計(jì)稿上可能加了好多修飾性的圖標(biāo),用很多漸變和動(dòng)效,乃至一些 canvas 動(dòng)畫,自己實(shí)現(xiàn)頁面的時(shí)候就發(fā)現(xiàn)工作量簡(jiǎn)直巨大。修飾性的圖標(biāo)可能要通過偽類的方式實(shí)現(xiàn),復(fù)雜的Morph動(dòng)畫不借助一些 lib 手寫會(huì)累死,還要考慮各種屏幕的適配,寫很多 media query。

凡此種種,都是在提醒設(shè)計(jì)師,不要過度設(shè)計(jì),專注最核心的功能點(diǎn)才是最重要的。

如果要說跨界最大的好處,就是站在對(duì)方的角度考慮問題,以最合理的方式交付產(chǎn)出,協(xié)作起來效率更高,也更專業(yè)。

6. 有哪些設(shè)計(jì)理念和職場(chǎng)經(jīng)驗(yàn)是您會(huì)堅(jiān)持執(zhí)行的?

如無必要,勿增實(shí)體。好的設(shè)計(jì)一定是簡(jiǎn)潔且符合直覺的。從現(xiàn)實(shí)出發(fā),一個(gè)人從畢業(yè)到45歲,短短20年的職業(yè)生涯瞬間過去。你可以選擇得過且過,凡事差不多就行,也可以嚴(yán)苛要求自己,不斷挑戰(zhàn)新的高度,好的公司會(huì)讓你和它一起成長(zhǎng),差的公司會(huì)讓有才華的人最終變得碌碌無為。你無法要求公司改變,但你可以改變自己,還記得曾經(jīng)心目中遙不可及的設(shè)計(jì)事務(wù)所,大公司,設(shè)計(jì)院校?從現(xiàn)在開始就準(zhǔn)備吧,既然是自己熱愛的事業(yè),無論如何都要堅(jiān)持下去的吧。至于職場(chǎng),能力是最重要的,其他所謂經(jīng)驗(yàn)兼聽則明,公司不是做慈善,只要你的能力能在公司實(shí)現(xiàn)價(jià)值,其他都是附加的。

7. 有哪些特別喜歡的設(shè)計(jì)師和作品呢,和大家分享下

喜歡的設(shè)計(jì)師太多了,感覺可以單獨(dú)寫篇文章分享。如果說第一時(shí)間想到的話,就不得不提 Ramotion 這家工作室的作品,Ryan Putnam 的手繪作品,以及 Sebastiano Guerriero,他做了兩個(gè)項(xiàng)目,一個(gè)是 Codyhouse 一個(gè)是 Nucleo,我從中受益良多,非常棒!

優(yōu)設(shè)昨天剛發(fā)了一期Ramotion 的專訪:優(yōu)設(shè)專訪!為ADOBE 做過品牌設(shè)計(jì)的頂尖團(tuán)隊(duì)RAMOTION

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

8. 2017年或未來兩三年內(nèi)有什么規(guī)劃呢,如果是現(xiàn)在剛?cè)胄械脑O(shè)計(jì)師,您有哪些建議給到他們?

未來有繼續(xù)讀書的計(jì)劃,方向是軟件工程,可能是更享受作為一個(gè)maker的感覺,自己實(shí)現(xiàn)設(shè)計(jì)的感覺很棒。設(shè)計(jì)是可以做一輩子的,不要被工作中的各種 title 束縛,若非對(duì)設(shè)計(jì)有一腔熱血,又如何堅(jiān)持到年暮花甲?堅(jiān)持學(xué)習(xí),永遠(yuǎn)不要對(duì)過去的自己滿意,也不要作繭自縛,被條條框框的設(shè)計(jì)規(guī)則綁住手腳,這樣堅(jiān)持幾年,不斷練習(xí)和嘗試,你會(huì)發(fā)現(xiàn)自己的設(shè)計(jì)能力和設(shè)計(jì)視野,已經(jīng)遠(yuǎn)遠(yuǎn)超過當(dāng)初,會(huì)感激自己做的決定。

9. 您是個(gè)經(jīng)驗(yàn)豐富的旅行愛好者,都去過哪些地方呢?有沒有什么獨(dú)家的旅行技巧給大家?

我原來特別愛好徒步,念書的時(shí)候跟朋友走了很多徒步登山的路線,洛克之路、貢嘎雪山之類的,但現(xiàn)在更愛好輕負(fù)重的城市旅行。

正好去年春節(jié)一直待在歐洲,如果大家將來有去歐洲旅行的計(jì)劃,那么建議一定提前安排好行程,德國(guó)和瑞士都是設(shè)計(jì)強(qiáng)國(guó),去當(dāng)?shù)氐乃囆g(shù)館片區(qū)轉(zhuǎn)轉(zhuǎn),能找到很多靈感。鄰國(guó)日本也很棒,飛行時(shí)間短,留出更多時(shí)間在當(dāng)?shù)赝妫毡居蟹浅6嗟脑O(shè)計(jì)studio,東西做的很好玩。我有個(gè)朋友,辦了日本五年多次簽證,每周五傍晚從北京飛日本,周末回京,每次去一個(gè)特定的目的地,如此往復(fù)近一年還玩不厭,可見日本的魅力!

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

△ 在瑞士維吉斯清晨6點(diǎn)鐘,起床后看到窗外的湖面,仿佛童話世界

10. 曬出您的EDC 裝備

優(yōu)設(shè)專訪!不會(huì)UI的前端工程師不是好產(chǎn)品經(jīng)理

11. 推薦您認(rèn)為能提高工作效率/生活質(zhì)量的利器

收集素材和靈感的話,非常推薦使用 pixave,我之前用了很久的 pixa 和 inboard,還嘗試過一段時(shí)間 lightroom,但最頭疼的是現(xiàn)在主力設(shè)計(jì)工具是 sketch,大量的 sketch 文件偏偏都不支持。pixave 可以完美支持 sketch 格式的設(shè)計(jì)文件,還可以在 icloud 上同步,解決了大問題。最近淘汰了kindle touch,換了 kindle oasis,看書的頻率大幅度提高,綁定信用卡后買書很方便,確實(shí)做的很好。平時(shí)工作會(huì)使用 HHKB Pro2 作為輸入工具,工作時(shí)戴的耳機(jī)是Bose Soundlink,最近種草 Airpods,準(zhǔn)備盡快入一個(gè)。

「優(yōu)設(shè)國(guó)外專訪系列」

  1. 《優(yōu)設(shè)專訪國(guó)外篇!專訪追波人氣設(shè)計(jì)總監(jiān) GLEB KUZNETSOV》
  2. 《優(yōu)設(shè)專訪國(guó)外篇!對(duì)話2016年「全球最佳設(shè)計(jì)團(tuán)隊(duì)」UENO.》
  3. 《優(yōu)設(shè)專訪國(guó)外篇!對(duì)話「用色驚艷」的人氣設(shè)計(jì)師LUDMILA》
  4. 《優(yōu)設(shè)專訪國(guó)外篇!對(duì)話波蘭獨(dú)立設(shè)計(jì)師RUSLAN》
  5. 《優(yōu)設(shè)專訪!為ADOBE 做過品牌設(shè)計(jì)的頂尖團(tuán)隊(duì)RAMOTION》

「優(yōu)設(shè)名師專訪系列」

1、曾任騰訊大粵網(wǎng)設(shè)計(jì)主管的跨域達(dá)人:《優(yōu)設(shè)訪談!騰訊設(shè)計(jì)師米田的設(shè)計(jì)之道與成長(zhǎng)之路》

2、沒有聽過馮叔的設(shè)計(jì)師不是好設(shè)計(jì)師:《優(yōu)設(shè)訪談!著名設(shè)計(jì)師馮鐵的設(shè)計(jì)思考與經(jīng)驗(yàn)之談》

3、前端重構(gòu)視覺交互無一不精的設(shè)計(jì)師:《優(yōu)設(shè)訪談!騰訊高級(jí)交互設(shè)計(jì)師C7210的十年設(shè)計(jì)路》

4、非議不斷前行不止,用心的設(shè)計(jì)團(tuán)隊(duì)《優(yōu)設(shè)訪談!國(guó)內(nèi)知名設(shè)計(jì)團(tuán)隊(duì)專訪之滴滴DISIGN》

5、前網(wǎng)易現(xiàn)阿里寫的書是交互領(lǐng)域必讀:《優(yōu)設(shè)訪談!阿里交互設(shè)計(jì)專家劉津的設(shè)計(jì)管理之路》

6、職業(yè)路徑最為清晰的科班交互設(shè)計(jì)師:《優(yōu)設(shè)訪談!LBE安全大師產(chǎn)品總監(jiān)曉生的職場(chǎng)進(jìn)階之路》

7、能靠臉吃飯偏偏不的設(shè)計(jì)界「鹿晗」:《優(yōu)設(shè)訪談!阿里資深設(shè)計(jì)師的自學(xué)設(shè)計(jì)之路》

8、300多人的百度設(shè)計(jì)團(tuán)隊(duì)該如何運(yùn)轉(zhuǎn):《優(yōu)設(shè)訪談!國(guó)內(nèi)知名設(shè)計(jì)團(tuán)隊(duì)專訪之百度大UE》

9、百度上海團(tuán)隊(duì)負(fù)責(zé)人的非科班設(shè)計(jì)師:《優(yōu)設(shè)訪談!百度設(shè)計(jì)大咖JJ YING的自學(xué)成才之路》

10、他帶的學(xué)生已經(jīng)是國(guó)內(nèi)的設(shè)計(jì)大咖了:《優(yōu)設(shè)訪談!灰晝:從非科班生到首席美術(shù)總監(jiān)的15年設(shè)計(jì)路》

11、設(shè)計(jì)的產(chǎn)品有幾億人在用的非科班生:《優(yōu)設(shè)訪談!騰訊電腦管家視覺負(fù)責(zé)人張曉翔的UI自學(xué)之路》

12、英雄聯(lián)盟穿越火線天天愛消除都有他:《優(yōu)設(shè)訪談!騰訊游戲Tgideas團(tuán)隊(duì)設(shè)計(jì)總監(jiān)李若凡的十年設(shè)計(jì)路》

13、高考一百多分現(xiàn)任UC藝術(shù)指導(dǎo)的大神:《優(yōu)設(shè)訪談!小火:從非科班生到UC藝術(shù)指導(dǎo)的勵(lì)志設(shè)計(jì)路》

14、可能是顏值最高的全能設(shè)計(jì)師網(wǎng)紅咯:《優(yōu)設(shè)訪談!錘子科技設(shè)計(jì)總監(jiān)羅子雄的全能自學(xué)之路》

15、一人能扛得起整個(gè)設(shè)計(jì)流程的多面手:《優(yōu)設(shè)訪談!薄荷科技設(shè)計(jì)總監(jiān)張智超的12年全能設(shè)計(jì)路》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量190萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 6
點(diǎn)贊 2

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。