從小美工到一線大廠高級設(shè)計(jì)師，我如何用6年時(shí)間完成蛻變？

編者按：和每一個(gè)北漂的設(shè)計(jì)師一樣，他經(jīng)歷了一段艱難但是無比重要的褪變。從生澀的美工，一路到一線大廠，成為負(fù)責(zé)某金融類產(chǎn)品的主力UI設(shè)計(jì)師。抽象的大道理誰都知道，但是每個(gè)人的故事都不盡相同，今天我們來看看 UI 設(shè)計(jì)師慕青的經(jīng)歷。

子木：從畢業(yè)到工作，如今成為一線大廠的一名UI設(shè)計(jì)師，你覺得自己身上最重要的東西是什么？

慕青：從老家到北京，從畢業(yè)到工作，從小團(tuán)隊(duì)到大公司，從為淘寶店修圖一路到參與千萬級別的 APP 產(chǎn)品設(shè)計(jì)，刨除外面的邊角，審視我自己，最重要的還是四個(gè)字：「自我修正」。

從小到大我的經(jīng)歷按部就班，平平無奇。但是這不就是絕大多數(shù)人的經(jīng)歷和狀態(tài)嗎？但是我不知道別人是不是也會有這樣的習(xí)慣，但是我總會在經(jīng)歷事情之后，靜靜琢磨，抽離出來重新審視，這件小事在過去6年甚至更長的時(shí)間里，給我極大的裨益。

就像在一條漫長時(shí)間線上的隱秘交互，一件事情反饋給我一個(gè)道理，我對自己的思考、行為和決策作出修正和調(diào)整，然后繼續(xù)推進(jìn)。在不斷的反饋和修正中，成為今天的自己。

子木：有意思，那么要不我們就從你的第一份工作開始聊吧？

慕青：那就要從2013年說起。當(dāng)時(shí)我大學(xué)畢業(yè)。

當(dāng)時(shí)很多人可能都沒意識到，那是怎樣的一個(gè)快速增長的大時(shí)代。移動(dòng)互聯(lián)網(wǎng)，電商，都在以極度野蠻的方式快速成長起來。很多剛剛起步的初創(chuàng)小公司都隱藏在北京各個(gè)小區(qū)的居民樓里面，悄然生發(fā)，誰都不知道未來會成長為大鱷，還是散伙收場。

我找到的第一份工作，也是在一家藏在居民樓里的電商公司。做電商，在當(dāng)時(shí)是最快速、成本低廉也能夠快速撬動(dòng)市場的一種創(chuàng)業(yè)方式。而我的工作就是美工。

當(dāng)時(shí)我所在的公司，是自己做產(chǎn)品以及淘寶店，產(chǎn)品是類似日本旅行者日記那種手帳記事本，不過整體的設(shè)計(jì)、氣質(zhì)和定位都不太一樣。而我的工作內(nèi)容，則涵蓋了店鋪的設(shè)計(jì)和產(chǎn)品的攝影，和現(xiàn)在的很多電商設(shè)計(jì)師的工作非常相似。

直到現(xiàn)在，我也會偶爾在北京的大街小巷里，隨便拍點(diǎn)什么。

子木：這么說你入行就是做電商的視覺設(shè)計(jì)？這份工作反饋給你的感覺是什么？

慕青：和現(xiàn)在不同，當(dāng)年可供參考和學(xué)習(xí)的設(shè)計(jì)資源其實(shí)并不多，不過當(dāng)時(shí)公司的老板在開始創(chuàng)業(yè)之前，就已經(jīng)在之前的公司的營銷崗位上做到比較高的位置，無論是對于設(shè)計(jì)、營銷、用戶還是文具相關(guān)的細(xì)分領(lǐng)域都有著相當(dāng)深入的理解，雖然當(dāng)時(shí)我僅僅只是一個(gè)美工，但是當(dāng)時(shí)的老板沒少給我指導(dǎo)，他給我了重要的第一課：以結(jié)果為導(dǎo)向來做設(shè)計(jì)。

手段和方法都服務(wù)于目標(biāo)，盯著對的方向，才能做對事情。

當(dāng)時(shí)我們會在詳情頁里面提供非常細(xì)致貼心的推薦，雖然淘寶本身會提供推薦模塊，但是我們更多會借助文案和圖片，在詳情頁比較靠上的位置，推薦相關(guān)或者互補(bǔ)的產(chǎn)品——竭盡全力留住原本要離開的用戶。對于當(dāng)時(shí)產(chǎn)品量不算太大的店鋪而言，尤其是我們整體還比較懂得用戶訴求的背景之下，這只推薦機(jī)制帶來了相當(dāng)不錯(cuò)的用戶留存率。現(xiàn)在我們擁有了更加智能的推薦模塊，但是很多時(shí)候做的依然是相同的事情。手段一直在變化，但是如果你盯著目標(biāo)來看的時(shí)候會發(fā)現(xiàn)，其實(shí)最重要的目標(biāo)，其實(shí)一直沒有太大的變化。

即使我是美工，老板也會要求我去后臺看數(shù)據(jù)，明白運(yùn)營和設(shè)計(jì)之間的內(nèi)在關(guān)聯(lián)，會引導(dǎo)我們?nèi)プ⒁獾皆O(shè)計(jì)給結(jié)果帶來的影響。這個(gè)時(shí)候我才開始有意識的在設(shè)計(jì)工作之外，去額外地去閱讀關(guān)于消費(fèi)者心理學(xué)、定價(jià)這類書。

這一課對我很重要。一方面是讓我有意識地去探尋設(shè)計(jì)背后的邏輯，而不是單純依靠感覺，另一方面，則是促使我去搭建自己的知識體系。

子木：很多人追求的更多的是一種立等可取的效果，希望去學(xué)一些學(xué)了之后立馬見效的一些東西。那么這些書真的有這樣的作用嗎？

慕青：立刻見效的知識有多少呢？很多書是需要持續(xù)的閱讀、反思和琢磨的。它給你的是一種長期的、持續(xù)的意識上的提升，而不是立刻見效的一種具體手段。

就像你在那些Dribbble的飛機(jī)稿一樣，它們放在Dirbbble網(wǎng)站當(dāng)中看，是漂亮的。可是真的去模仿它們，放到實(shí)際的作品當(dāng)中，你會發(fā)現(xiàn)有很多問題，它不匹配需求。這個(gè)時(shí)候，它哪些地方不匹配，要怎么修改，做到什么程度，就取決于你積累的知識量，信息，以及視角是否豐富了。

你懂得消費(fèi)者心理學(xué)，懂得產(chǎn)品定位，明白營銷策略，你的設(shè)計(jì)注定是和只注重視覺美感的設(shè)計(jì)師，有著巨大差別的。而你對于這些問題的琢磨的深度，也決定了你在設(shè)計(jì)的的時(shí)候能夠兼顧到的因素有多少，能做到什么程度。

每多讀一本書，每多反思一次，再來回看設(shè)計(jì)和整個(gè)世界的時(shí)候，會發(fā)現(xiàn)一切又不一樣了。

這種持續(xù)的改變一直在緩慢但是持續(xù)地影響著我。在這里工作沒2年，我還是換工作了。2015年，我去了一家做B端產(chǎn)品的公司。

子木：從偏向視覺化話運(yùn)營的電商設(shè)計(jì)，跳轉(zhuǎn)到B端產(chǎn)品的UI設(shè)計(jì)，這種改變還挺大的，那么你適應(yīng)嗎？

慕青：剛開始哪有那么快適應(yīng)？但是學(xué)習(xí)新東西，總會有新收獲。

當(dāng)時(shí)這個(gè)團(tuán)隊(duì)是專門為諸如銀行、航空公司這樣的客戶定制積分商城這樣的產(chǎn)品。在之前做電商視覺設(shè)計(jì)所積累的一些經(jīng)驗(yàn)，在這一份工作當(dāng)中，開始逐漸的系統(tǒng)化，清晰化。我在這工作的一年多時(shí)間當(dāng)中，原本對于UI界面的零散的認(rèn)知，在此就被串到一起了。但更重要的地方在于，這份工作讓我將更多的注意力集中到交互設(shè)計(jì)上了。

子木：不少人對于交互設(shè)計(jì)師的認(rèn)知還停留在畫線框圖上，你覺得這種認(rèn)知是不是太片面了？

慕青：交互設(shè)計(jì)師輸出的東西可能是線框圖和原型這類東西，但是它實(shí)際的工作量其實(shí)是非常大的，需要借助專業(yè)細(xì)致的設(shè)計(jì)思維和上下游所提供的內(nèi)容以及數(shù)據(jù)，提供貼合場景，甚至去還原真實(shí)的場景，貼合用戶的真實(shí)需求，提供輕量便捷的交互邏輯。這就是為什么說交互設(shè)計(jì)師需要有大量的經(jīng)驗(yàn)，而不止是懂得相關(guān)的理論。

與其說，交互設(shè)計(jì)在考慮的是要做什么，不如說交互設(shè)計(jì)師得考慮清楚要排除掉了哪些不合理的設(shè)計(jì)。它有價(jià)值的地方，在于在紛繁雜亂的信息和線索中找出最適合用戶場景的交互設(shè)計(jì)方案，明確哪些事情不要去做。

交互設(shè)計(jì)這個(gè)東西，有的時(shí)候并不在于人多。它的價(jià)值其實(shí)是在于想法，在于執(zhí)行力和思維的深度。這就是為什么 Sketch 這樣的產(chǎn)品，產(chǎn)品團(tuán)隊(duì)核心人并不多，而webOS 這樣有前瞻性的操作系統(tǒng)，交互設(shè)計(jì)是由幾個(gè)人來搞定的。

當(dāng)時(shí)促使我關(guān)注交互，甚至有意識地去學(xué)習(xí)交互的原因有幾個(gè)，一方面是交互設(shè)計(jì)師在當(dāng)時(shí)的薪資更高，另一方面是它更高級，在產(chǎn)品中更為重要。當(dāng)時(shí)我看了很多關(guān)于用戶體驗(yàn)相關(guān)的書，包括《簡約至上》。

這份工作過程中，我有機(jī)會來修正我的知識體系，而這個(gè)階段最重要的修正，是將交互的思維納入到設(shè)計(jì)的過程中來了。

子木：看來這份工作對你的整個(gè)設(shè)計(jì)體系起到了非常重要的作用啊！在此之后，你是不是就沿著交互和UI的框架來構(gòu)建自己的體系了？

慕青：這么說也沒錯(cuò)……但是我在之后的工作中學(xué)到了一個(gè)相當(dāng)關(guān)鍵的東西。

子木：哦？什么東西值得你這么鄭而重之地來強(qiáng)調(diào)？

慕青：兩個(gè)字，場景。

我的第三份工作是在一家創(chuàng)業(yè)公司，在這家公司最重要的事情是讓我真正意義上明白了場景這回事，用戶到底想要什么，以及要如何去把控用戶場景。

這大概是絕大多數(shù)做設(shè)計(jì)的設(shè)計(jì)師，所欠缺的一個(gè)東西。

當(dāng)時(shí)我們做的是一個(gè)針對餐飲行業(yè)的B端產(chǎn)品。怎么樣的設(shè)計(jì)算是接地氣的設(shè)計(jì)？我聽到過很多不同的解讀方式。但是直到這一份工作，我才切身地體會到了接地氣——你要沉到土里面去。

當(dāng)時(shí)我們做的產(chǎn)品主要是給收銀員使用的，而我們的團(tuán)隊(duì)中每一個(gè)人——從技術(shù)開發(fā)、運(yùn)營到我們設(shè)計(jì)，都要到店里去當(dāng)做收銀員，去親身體會自己的產(chǎn)品，在真實(shí)的場景當(dāng)中，到底是怎樣的。

原來我的設(shè)計(jì)，到底是給用戶帶來了方便，還是煩惱。開發(fā)能夠在真實(shí)的壓力之下，直到自己實(shí)現(xiàn)的功能，是不是還不夠快，顧客會不會因?yàn)樘硕г梗踔岭x開。界面的交互邏輯是不是太復(fù)雜了，流程中是否有過多冗余的環(huán)節(jié)。廚房里面一刻不停地出餐，訂單提交是否順暢？餐飲區(qū)的配餐機(jī)制是否完善？結(jié)帳的過程是否順暢自然？在實(shí)際場景的巨大壓力之下，所有的問題都會清晰無比，你會清晰的感受到哪些需求是最為迫切的。

設(shè)計(jì)師坐在溫度適宜的辦公室里面，沒有人生鼎沸和熱火朝天氛圍下大量訂單的壓力，在這樣的情況下的「我以為」是缺乏語境的自我表達(dá)，怎么可能輸出一個(gè)合乎真實(shí)場景的設(shè)計(jì)？

真實(shí)的餐飲場景中，和真實(shí)的用戶——收銀員，服務(wù)員、廚師去溝通接觸的時(shí)候，我切身地的感知到了用戶人群的實(shí)際狀況，和真實(shí)訴求。他們來自天南海北，每個(gè)人都有截然不同的故事，專業(yè)詞匯和復(fù)雜的邏輯，在躁動(dòng)火熱和訂單不斷的餐飲場景之下，是阻礙。我不能夠選擇用戶也沒法選擇用戶，身為設(shè)計(jì)師，我應(yīng)該給他們更加便捷、直觀、順暢、合理的設(shè)計(jì)，去輔助他們更高效地完成。

我應(yīng)該給他們這樣的東西。所謂的設(shè)計(jì)師的「身份」、「清高」之類的情緒和想法，在那一刻都被打掉了。設(shè)計(jì)要落地，設(shè)計(jì)師要低到土里面去。你應(yīng)該是那個(gè)抬頭仰望，去托舉用戶的人。

子木：所以你們最后產(chǎn)品怎么樣了？成功了嘛？

慕青：不是說創(chuàng)業(yè)公司90%以上的都會失敗嘛？雖然我們在執(zhí)行上并不差，但是公司高層在戰(zhàn)略層面上做的并不夠理想。在北京這樣一個(gè)城市，做的又是針對餐飲行業(yè)的B端服務(wù)，不夠快不夠準(zhǔn)，很快就會失敗。

子木：這是不是意味著你在此之后又更換了一家公司？上一家公司教會你「場景」，那么第四份工作所又幫你補(bǔ)足了哪方面的技能？

慕青：對，接下來的這份工作其實(shí)我就進(jìn)入了一家比較大的企業(yè)了。這次，我真正體會到團(tuán)隊(duì)協(xié)作的感覺了。這在之前較小的公司當(dāng)中，感覺是沒有那么明顯清晰的：在這里，一群人擰成一股繩去迅速地合力完成一件事情。這種愉悅感和成就感，是之前沒有體會過的。但是協(xié)作并不是我體會最深的事情。

讓我印象最深刻的，并且讓我真正堅(jiān)定下做設(shè)計(jì)師決心的，其實(shí)是因?yàn)槲以谶@里真真正正感受到了設(shè)計(jì)對于產(chǎn)品價(jià)值上的真實(shí)提升。我們現(xiàn)在經(jīng)常會聽到設(shè)計(jì)賦能的說法，但是其實(shí)少有人真正明白甚至真實(shí)體會到設(shè)計(jì)對于產(chǎn)品的提升——在數(shù)據(jù)上有直接的反饋。

如果一個(gè)公司的設(shè)計(jì)和設(shè)計(jì)師處于邊緣，用來配合的，并沒有參與到真實(shí)具體的決策當(dāng)中，設(shè)計(jì)賦能就很難了。如果設(shè)計(jì)是作為核心主力部門，它有話語權(quán)，在這家公司，設(shè)計(jì)甚至?xí)_在產(chǎn)品前面去推動(dòng)產(chǎn)品前進(jìn)，而不是被動(dòng)去傾聽產(chǎn)品的需求。

在這里，設(shè)計(jì)師主動(dòng)去向領(lǐng)導(dǎo)提案，去主導(dǎo)，去完成。

另外，我也是在這份工作的時(shí)候，遇到了我的真愛。

子木：那么在你看來，設(shè)計(jì)賦能產(chǎn)品是對于所有產(chǎn)品都有效的么？

慕青：我不敢說所有，但是絕大多數(shù)時(shí)候，其實(shí)是可以的。其實(shí)這要看你對于設(shè)計(jì)的定義是什么。如果你認(rèn)為一個(gè)設(shè)計(jì)師僅僅只是出圖，那么能做的事情確實(shí)不多。但是，如今的設(shè)計(jì)師，尤其是在大廠和比較前沿的設(shè)計(jì)團(tuán)隊(duì)當(dāng)中，設(shè)計(jì)師的角色早就不僅僅是出張圖這么簡單，設(shè)計(jì)師需要具備有有深入的交互思維，需要去洞見用戶和事情背后的邏輯，把這些東西放到產(chǎn)品和設(shè)計(jì)當(dāng)中來，你所「設(shè)計(jì)」的東西，其實(shí)是截然不同的。

走到今天，我對于設(shè)計(jì)這個(gè)東西的理解其實(shí)和當(dāng)初已經(jīng)截然不同了。無論是設(shè)計(jì)，技術(shù)還是產(chǎn)品，對于用戶和產(chǎn)品本身的理解，決定了最終產(chǎn)物的好壞和高度。你理解的不夠透徹，產(chǎn)品所做的規(guī)劃，開發(fā)所輸出的代碼，設(shè)計(jì)師所輸出的設(shè)計(jì)稿，會千差萬別，不夠好甚至做不好，都是理所當(dāng)然的。

我們曾經(jīng)看到過很多視覺上讓人覺得非常愉悅的設(shè)計(jì)稿，但是你總會覺得差點(diǎn)意思。它差在哪？很簡單，給真實(shí)的用戶，放到實(shí)際的產(chǎn)品當(dāng)中，你就會看到查的東西在哪里。

子木：那么設(shè)計(jì)師做圖好看這件事情不重要嗎？或者說，沒有那么重要嗎？

慕青： 確保視覺上的協(xié)調(diào)，一致和愉悅，是一個(gè)設(shè)計(jì)師的下限你明白嗎？就是做到好看，是一個(gè)設(shè)計(jì)師的基本。另一方面，能夠?yàn)楫a(chǎn)品賦能的設(shè)計(jì)，通常它已經(jīng)不止是停留在視覺層了，它需要向上，上探到交互層，范圍層，甚至戰(zhàn)略層去看待問題和解決問題。

產(chǎn)品或者交互設(shè)計(jì)師所提交過來的，很多時(shí)候僅僅是一個(gè)方案，這個(gè)方案不一定是最優(yōu)的。你如果是不懂背后邏輯以及用戶的設(shè)計(jì)師，大概率只能照著別人的東西去畫了。但是如果你懂得，其實(shí)是能夠做好的。

不過考慮到之前和公司之間有保密協(xié)議存在，我無法向你透露太多的細(xì)節(jié)。

子木：其實(shí)我很羨慕你，在這樣的幾份工作當(dāng)中，能夠用設(shè)計(jì)來推動(dòng)產(chǎn)品，能夠獲得正反饋，這種感受是難能可貴的。

慕青：如今我在一家極為重視數(shù)據(jù)驅(qū)動(dòng)的公司里面工作。

從入行到現(xiàn)在，我聽到了太多的「我以為」和「我覺得」了。設(shè)計(jì)是一定要講求邏輯的，如果你覺得數(shù)據(jù)無法驅(qū)動(dòng)，有很大的可能性是你沒有用對數(shù)據(jù)。很多基礎(chǔ)的理論和方法是擁有巨大能量的，設(shè)計(jì)師的「我以為」，很多時(shí)候僅僅只是一個(gè)個(gè)人感受，它無法真正改變用戶。

一路走到現(xiàn)在，我從一個(gè)野路子設(shè)計(jì)師逐漸成長一個(gè)時(shí)刻都注重產(chǎn)品邏輯和交互場景的UI設(shè)計(jì)師，就像從一個(gè)新兵蛋子進(jìn)入了正規(guī)軍，再到王牌部隊(duì)的過程。如今我知道什么是極致，什么是好的設(shè)計(jì)。

我的同事里全都是牛人。我們常說設(shè)計(jì)師有像素眼，但是實(shí)際上很多前端、產(chǎn)品也一樣。

「我不能接受我的代碼里面有一像素沒有對齊。」

每一個(gè)小點(diǎn)都會有很多人會在意，其實(shí)誰都沒法完全確保前面的一個(gè)小錯(cuò)誤，在后面會不會產(chǎn)生額外的影響。你會發(fā)現(xiàn)，認(rèn)真的力量是如此的真實(shí)而巨大，因?yàn)槊總€(gè)人都會借助認(rèn)真，不斷的修正設(shè)計(jì)，修正代碼，修正產(chǎn)品，甚至修正事情的走向。你把一件事情做到極致，然后讓他變成標(biāo)準(zhǔn)。等你下一次來做的時(shí)候，會自然愕然形成一個(gè)習(xí)慣。你會逐漸學(xué)會去審視自己的設(shè)計(jì)，去用更高的標(biāo)準(zhǔn)來執(zhí)行和影響。

在一個(gè)頂尖的設(shè)計(jì)團(tuán)隊(duì)當(dāng)中，你會發(fā)現(xiàn)周圍的人都是見多識廣的。可能給你提供一些交互上的想法和靈感的人，可能是一個(gè)后端開發(fā)。

子木：那么，這樣的文化是怎么產(chǎn)生的？你有思考過嗎？

慕青：其實(shí)公司會刻意抹掉職級上的差異，去模糊資歷上的差異，這樣的氛圍才有可能不會因?yàn)檫@種位置上的高下而產(chǎn)生隔膜，這才有可能生發(fā)出一種真正開放的環(huán)境，才會讓人去暢所欲言。「開放」這件事情真的不止是一句口號，它需要整個(gè)公司和團(tuán)隊(duì)竭盡全力去維持，它才能艱難地生長出來。而影響也只能是一點(diǎn)一點(diǎn)潛移默化地逐漸彌漫開。

眾人拾柴火焰高，這句話很簡單，但是當(dāng)你真正碰到這樣的團(tuán)隊(duì)，你才明白這樣的力量有多大。

在我看來，前面設(shè)計(jì)的道路還在延伸，我還在不斷修正，我應(yīng)該還可以作出更好的設(shè)計(jì)。

子木：從視覺設(shè)計(jì)師一路成長為一名高級UI設(shè)計(jì)師，你覺得最值得分享的內(nèi)容是什么？

慕青：之前我在優(yōu)設(shè)私房課里，有針對性地分享過UI設(shè)計(jì)師的簡歷&面試秘籍，這是專門現(xiàn)在、此刻的UI設(shè)計(jì)師所制作的一份指南。因?yàn)槲疑頌閁I設(shè)計(jì)師被面試過，在如今的崗位上，也面試過不少UI設(shè)計(jì)師，我很清楚如今 UI 設(shè)計(jì)師求職面試包括簡歷上應(yīng)當(dāng)注意的問題，這并不是每個(gè)人都清楚的事情。

而另一個(gè)值得分享內(nèi)容，就是 UI 設(shè)計(jì)師成長進(jìn)階的內(nèi)容。很多表層的硬知識，其實(shí)只要你一直跟著學(xué)習(xí)都能學(xué)到，但是在2019年此刻，在當(dāng)下這個(gè)互聯(lián)網(wǎng)環(huán)境之下，UI 設(shè)計(jì)師從初級進(jìn)階到高級，靠的更多的是一些軟性的技能，并不是一句簡單的要懂交互、懂產(chǎn)品就可以簡單概括的，有機(jī)會我會詳細(xì)規(guī)劃一下，分享出來 ~

子木：那我們就拭目以待吧~

目前 UI 設(shè)計(jì)師慕青在優(yōu)設(shè)私房課中開設(shè)了針對 UI設(shè)計(jì)師的專項(xiàng)課程《UI設(shè)計(jì)師直通大廠的簡歷&面試秘籍》，在桌面端訪問的同學(xué)可以直接戳鏈接進(jìn)入課程。

也可以使用微信直接掃描下面的二維碼進(jìn)入課程：