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

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

嘉賓介紹

大熊（王磊）幣信產(chǎn)品設(shè)計負責人，前端重構(gòu)工程師，曾任今日頭條高級交互設(shè)計師

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

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

△ 帥氣的個人照

1. 您現(xiàn)在負責的工作是什么呢？

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

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

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

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

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

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

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

3. 今日頭條和幣信工作都學到了什么？

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

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

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

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

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

△ 追波作品

4. 您不僅是PPT 高手，還會Lumion/Sketchup、前端，UI 設(shè)計、交互設(shè)計等，能說說您學習新東西的方法嗎？

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

所有學習的初始動機，都是由于項目在推，往往這樣學習的效果是最好的，正因為有實操，記憶和理解都比較深刻。

反倒是好好坐下來，慢慢去學習某個你想學的知識，效果卻不理想。這就像學外語，我們中國學生從小學開始學到大學，10多年教育，背單詞背的這么辛苦，見到老外（更別說工作上溝通），就支吾說不出口。而一旦因為契機去國外工作個幾年，口語就溜的翻天覆地。可見帶著實際需求去學習，效果最好。Get your hand dirty！

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

△ 正在做KeyNote 教程的大熊

5. 同時掌握交互/UI/編程是一種什么樣的體驗？跨界給您帶來了哪些好處？

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

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

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

6. 有哪些設(shè)計理念和職場經(jīng)驗是您會堅持執(zhí)行的？

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

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

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

優(yōu)設(shè)昨天剛發(fā)了一期Ramotion 的專訪：優(yōu)設(shè)專訪！為ADOBE 做過品牌設(shè)計的頂尖團隊RAMOTION

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

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

9. 您是個經(jīng)驗豐富的旅行愛好者，都去過哪些地方呢？有沒有什么獨家的旅行技巧給大家？

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

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

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

10. 曬出您的EDC 裝備

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

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

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

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

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

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

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

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

4、非議不斷前行不止，用心的設(shè)計團隊：《優(yōu)設(shè)訪談！國內(nèi)知名設(shè)計團隊專訪之滴滴DISIGN》

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

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

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

8、300多人的百度設(shè)計團隊該如何運轉(zhuǎn)：《優(yōu)設(shè)訪談！國內(nèi)知名設(shè)計團隊專訪之百度大UE》

9、百度上海團隊負責人的非科班設(shè)計師：《優(yōu)設(shè)訪談！百度設(shè)計大咖JJ YING的自學成才之路》

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

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

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

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

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

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

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

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