Hi,你今天過(guò)的好嗎？

我是剛來(lái)到這個(gè)星球就遇見(jiàn)你的豆豆。

● ● ●

很多想入行做UI設(shè)計(jì)的朋友問(wèn)我：我想轉(zhuǎn)做UI設(shè)計(jì)的工作，應(yīng)該怎樣轉(zhuǎn)呢？都學(xué)什么？需不需要報(bào)培訓(xùn)班呢？現(xiàn)在入，會(huì)不會(huì)太晚了呢？......這是很多朋友的困惑。如果弄不清楚，可能會(huì)走不少的彎路。

豆豆我呢，入行UI設(shè)計(jì)也有一段時(shí)間了。還記得兩年多前，不少朋友都轉(zhuǎn)去做UI了，有原來(lái)干機(jī)械自動(dòng)化的、動(dòng)畫的、銷售的、平面的、運(yùn)營(yíng)的......那叫一個(gè)熱呀！為什么？因?yàn)閁I行業(yè)工資高呀！

這些朋友里面，很多報(bào)了培訓(xùn)班，也有的自學(xué)“成才”。但是，你會(huì)發(fā)現(xiàn)：并不是說(shuō)接受培訓(xùn)了，就都“真”的成為UI設(shè)計(jì)師了。有好幾個(gè)，反而因?yàn)椤爸T多的原因”，做別的去了，比如“平面”，白白浪費(fèi)了好幾個(gè)月和好幾萬(wàn)塊錢......實(shí)在是可惜！

1.2018年UI設(shè)計(jì)的就業(yè)趨勢(shì)如何？

我選取幾個(gè)城市，可以大體了解一下從2015年1月到2018年1月這三年時(shí)間里，UI設(shè)計(jì)職位的大體趨勢(shì)。

從下面這些圖，你可以看到：整體趨勢(shì)趨于平緩，但需求量還是有不少的。因?yàn)殡S著人工智能、智能硬件等的快速發(fā)展，社會(huì)對(duì)UI/UX的需求仍然是比較大的。

（資料來(lái)源：職友集，這是我的一個(gè)大體的分析，可能并不準(zhǔn)確，還需要諸位去分析思考和判斷。）

北京

上海

廣州

杭州

蘇州

成都

濟(jì)南

2.工資如何？

從下圖分析來(lái)看，一線城市UI設(shè)計(jì)職位平均工資在8-1.2k，二三線城市平均在5-6k左右。我們說(shuō)的這個(gè)平均，是從0經(jīng)驗(yàn)的到工作3-5的工作經(jīng)驗(yàn)的一個(gè)平均，工作6年以上的，工資高的有，但是并不是一個(gè)普遍的。

而對(duì)于剛?cè)胄姓?，或者?yīng)屆畢業(yè)生，UI工資一線城市4-8k,二三線3-5k。所以，如果你是剛畢業(yè)，或者剛?cè)胄?，不要期望你的工資會(huì)很高，即使在北京上海這樣的大城市，5-6千的工資就已經(jīng)很不錯(cuò)了。

（這是我的一個(gè)大體的分析，可能并不準(zhǔn)確，還需要諸位去分析思考和判斷。）

3.現(xiàn)在再學(xué)UI晚么？

其實(shí)，我們不應(yīng)該去考慮晚不晚的問(wèn)題。任何一個(gè)行業(yè)，都會(huì)有一個(gè)發(fā)展的冷熱周期，如果我們一味的去看這個(gè)行業(yè)的熱度，而盲目的追逐，并不是一件好的事情。

只要是你喜歡的，你決心把UI設(shè)計(jì)當(dāng)做你的一個(gè)職業(yè)，甚至是事業(yè)，就沒(méi)有晚不晚的問(wèn)題。

前兩年呢，可能UI這個(gè)行業(yè)很熱，需求量大，所以是個(gè)人就都轉(zhuǎn)去做UI了，這也促成了很多UI培訓(xùn)的機(jī)構(gòu)發(fā)了一筆大財(cái)?，F(xiàn)在，這個(gè)熱度降下來(lái)了，更應(yīng)該冷靜的去考慮。

如果你真的想好了，還是非常有發(fā)展前景的。從上面的圖分析來(lái)看，UI職位需求還是比較大的，這要?dú)w功于現(xiàn)在APP行業(yè)、人工智能、智能硬件等的發(fā)展。未來(lái)，這些行業(yè)會(huì)有更大的發(fā)展，所以，像UI、UX, AI等這些職位的需求會(huì)供不應(yīng)求。

4.該不該報(bào)培訓(xùn)班？

該不該報(bào)，最終的結(jié)果需要你自己去決定，他人能給你的只是一個(gè)參考。而這個(gè)參考，很多情況下都是摻雜著個(gè)人的因素。

我想說(shuō)的是，很多培訓(xùn)班的水分很大。在就業(yè)前景、工資、師資水平、教學(xué)環(huán)境等等上面有的會(huì)夸大一些。因?yàn)樗麄兙褪菕昴愕腻X的，如果你去一個(gè)實(shí)體的培訓(xùn)班，三四個(gè)月的費(fèi)用動(dòng)輒就是一兩萬(wàn)，這不是一筆小數(shù)目。

很多人是剛畢業(yè)或者還沒(méi)有畢業(yè)的同學(xué)，然后轉(zhuǎn)去學(xué)UI了。一兩萬(wàn)的學(xué)費(fèi)，用的是貸款、分期（很多培訓(xùn)機(jī)構(gòu)會(huì)給你提供分期學(xué)費(fèi)）。但是這里有一點(diǎn)，你一定要謹(jǐn)慎：你學(xué)完以后，萬(wàn)一開(kāi)始的幾個(gè)月沒(méi)有找到工作或者中間辭職了，或者找的工作工資很低，那你每個(gè)月的貸款怎么還？（如果還不上，這是很嚴(yán)重的問(wèn)題。）

你報(bào)培訓(xùn)班的原因是：1.可以系統(tǒng)化的學(xué)習(xí)，這樣少走一些彎路；2.有學(xué)習(xí)氛圍。因?yàn)楹芏嗳?，如果一個(gè)人自學(xué)，自制力不強(qiáng)，就會(huì)三天打魚(yú)兩天曬網(wǎng)。

所以，一定要考察師資環(huán)境，就業(yè)情況，你能不能找到一份好工作等等。這很重要！

你看那些UI設(shè)計(jì)大神，UI設(shè)計(jì)剛在國(guó)內(nèi)發(fā)展的時(shí)候，有UI培訓(xùn)機(jī)構(gòu)么？沒(méi)有！他們不還是成為了設(shè)計(jì)大神了么？為什么？他們是自學(xué)、研究、摸索，因?yàn)槟莻€(gè)時(shí)候，沒(méi)有人去系統(tǒng)的教你要怎么去學(xué)，你只能自己去鉆研、去學(xué)、去練......

還有就是，現(xiàn)在網(wǎng)絡(luò)上的設(shè)計(jì)課程有很多很多，什么騰訊課堂、網(wǎng)易課堂、百度課堂。站酷、高高手、UI中國(guó)等等，免費(fèi)設(shè)計(jì)公開(kāi)課的資源實(shí)在是太多，很多有經(jīng)驗(yàn)的UI設(shè)計(jì)師分享他的設(shè)計(jì)經(jīng)驗(yàn)，光這些足夠你消化的。

所以，途徑不重要，重要的是你自己的努力！

5.應(yīng)該怎樣學(xué)？

有人說(shuō)，我是平面設(shè)計(jì)師，還有學(xué)什么，直接去做UI的工作不就行了？或者我直接學(xué)學(xué)平面的東西就行了。

仍然有很多的人認(rèn)為，UI設(shè)計(jì)跟平面設(shè)計(jì)一樣的，都是作圖的，都是美工。很多人就這樣稱呼我：你不是做美工的么？幫我做個(gè)xxx吧.....實(shí)在郁悶！

只會(huì)PS的，不是平面設(shè)計(jì)師，更不是UI設(shè)計(jì)師！

平面設(shè)計(jì)師/電商設(shè)計(jì)師不是美工，UI設(shè)計(jì)師更不是美工！

平面設(shè)計(jì)/電商設(shè)計(jì)等和UI設(shè)計(jì)有相通的地方，但更多的是不同！它們本來(lái)就是不一樣的體系。

你需要掌握的知識(shí)：

（1）軟件技能

跟平面或者電商設(shè)計(jì)一樣，首先你需要掌握的，是軟件。軟件操作，是設(shè)計(jì)的基礎(chǔ)。沒(méi)有鍋，你拿什么做飯？

你需要掌握的軟件有：PS，AI，ID等，這一部分跟平面或者電商設(shè)計(jì)一樣。但是，接下來(lái)，你需要會(huì)的軟件要比它們多了。

關(guān)于Adobe CC2018全家桶（包括Adobe PS/AI/AE等所有軟件,和破解），我曾經(jīng)發(fā)過(guò)一篇文章Adobe CC 2018全家桶來(lái)了，你準(zhǔn)備好了嗎？（全套下載），如果你想下載這些軟件可以在這里下載。

想全面了解Photoshop CC2018入門基礎(chǔ)，可以閱讀這一篇：【干貨】超值Photoshop CC2018入門全套筆記！值得收藏！含軟件下載！ | 設(shè)計(jì)日記

你還需要會(huì)：

（1）AE: 用來(lái)做交互動(dòng)效；

（2）Sketch: Mac上的矢量繪圖軟件；

（3）墨刀和Axure: 原型工具

想了解Sketch,可以了解這篇文章：Sketch常用快捷鍵整理

PS

AE

AI

Sketch

墨刀原型

Axure原型

我們大體說(shuō)一下原型圖。

做UI設(shè)計(jì)的，都會(huì)在項(xiàng)目前期去畫原型圖，有手繪的、低保真原型圖和高保真原型圖等等。還有的時(shí)候，去做思維導(dǎo)圖。所以，這些你都應(yīng)該學(xué)會(huì)。

（2）手繪基礎(chǔ)

可能，不少UI設(shè)計(jì)師已經(jīng)入行，但是并沒(méi)有手繪的基礎(chǔ)。但是，手繪會(huì)成為你的加分項(xiàng)。

對(duì)于色彩、構(gòu)圖、造型、透視等美術(shù)基礎(chǔ)的把握，會(huì)對(duì)你的設(shè)計(jì)起到幫助。

手繪圖標(biāo)

UI設(shè)計(jì)師，繪制圖標(biāo)（啟動(dòng)圖標(biāo)，功能圖標(biāo)等）是一項(xiàng)必備技能，如果你想創(chuàng)作出一個(gè)漂亮的圖標(biāo)來(lái)，就少不了手繪。

就拿圖標(biāo)來(lái)說(shuō)，你首先會(huì)在一張紙上手繪出圖標(biāo)，然后在此基礎(chǔ)上進(jìn)行PS等設(shè)計(jì)。再者，你拿給你的產(chǎn)品經(jīng)理或者客戶看你的設(shè)計(jì)思路的時(shí)候，不能把成品設(shè)計(jì)出來(lái)或者畫的亂七八糟的給他吧？

（3）平面設(shè)計(jì)知識(shí)

平面設(shè)計(jì)的基礎(chǔ)知識(shí)，是你必須要掌握的。很多培訓(xùn)機(jī)構(gòu)在培訓(xùn)開(kāi)始的時(shí)候，除了教給你PS/AI/ID等這些軟件的基礎(chǔ)操作，也會(huì)教給你一些平面的知識(shí)。

如：圖形設(shè)計(jì)基礎(chǔ)、字體的設(shè)計(jì)、印刷知識(shí)、名片設(shè)計(jì)、包裝、宣傳冊(cè)、海報(bào)、VI系統(tǒng)等。

（4）電商Web UI知識(shí)

Web UI設(shè)計(jì)，也是UI設(shè)計(jì)中的一部分。你不要認(rèn)為UI設(shè)計(jì)只是移動(dòng)端的UI設(shè)計(jì)。

你需要去學(xué)習(xí)電商、網(wǎng)站的界面設(shè)計(jì)、電商Banner，促銷專題設(shè)計(jì)等等方面的知識(shí)。

（5）移動(dòng)端UI設(shè)計(jì)

移動(dòng)端設(shè)計(jì)，是非常重要的一部分。正像我上面提到的，有人覺(jué)得，我會(huì)個(gè)PS、AI就行了，就可以做UI設(shè)計(jì)了，那問(wèn)一下：你了解UI設(shè)計(jì)的規(guī)范么？

UI設(shè)計(jì)規(guī)范，是你入行做UI設(shè)計(jì)必須掌握的知識(shí)。IOS要切幾套圖？Android要切幾套圖？我設(shè)計(jì)的時(shí)候，以哪一個(gè)尺寸來(lái)進(jìn)行設(shè)計(jì)？圖標(biāo)有幾套？IOS都有哪些尺寸？Android有哪些尺寸？應(yīng)該怎樣標(biāo)注？IOS設(shè)計(jì)標(biāo)注單位是什么？Android設(shè)計(jì)標(biāo)注的單位是什么？他們之間應(yīng)該怎樣換算？我應(yīng)該怎樣設(shè)計(jì)啟動(dòng)頁(yè)面？怎樣設(shè)計(jì)狀態(tài)欄、菜單欄、tab欄......?這些你了解嗎？

你需要掌握：

a.Android & IOS平臺(tái)設(shè)計(jì)規(guī)范；

b.多平臺(tái)設(shè)計(jì)規(guī)范；

c.APP Icon設(shè)計(jì)；

d.切圖、標(biāo)注；

e.產(chǎn)品交互演示、動(dòng)效設(shè)計(jì)等等。

公號(hào)【寫給設(shè)計(jì)】后臺(tái)回復(fù)“UI規(guī)范”，獲取UI設(shè)計(jì)常用規(guī)范。

有點(diǎn)舊了，不過(guò)依然可以參考

切圖命名規(guī)范：

UI設(shè)計(jì)的每一步，都有自己的規(guī)范。你必須按照規(guī)范來(lái)做。如果不按照規(guī)范，就可能導(dǎo)致開(kāi)發(fā)那邊出錯(cuò)或者實(shí)現(xiàn)不了。

我們就拿切圖的命名規(guī)范來(lái)說(shuō)，你切的圖的名稱不是隨意的。IOS切出來(lái)的圖怎樣命名？Android的怎樣命名，這些都是你要知道的。

更多的規(guī)范，你可以去站酷或者UI中國(guó)等平臺(tái)上搜素學(xué)習(xí)。這里只是給你介紹一個(gè)大概。

界面設(shè)計(jì)

（6）交互動(dòng)效設(shè)計(jì)和代碼知識(shí)

這也是很重要的內(nèi)容。交互動(dòng)效上，你需要學(xué)會(huì)怎樣用AE或者其他動(dòng)效軟件去做交互動(dòng)效。

你比方說(shuō)，開(kāi)發(fā)那邊需要一個(gè)加載的動(dòng)效，你能說(shuō)你不會(huì)做么？需要一個(gè)刷新的動(dòng)效，你能說(shuō)你不會(huì)做？需要一個(gè)彈出的動(dòng)效、一個(gè)滑動(dòng)的效果，你能說(shuō)你不會(huì)么？

代碼方面，你需要學(xué)習(xí)HTML5響應(yīng)式設(shè)計(jì)、CSS3語(yǔ)言，甚至是Javescript等這些網(wǎng)站建設(shè)方面的知識(shí)。

關(guān)于HTML/HTML5/CSS/CSS3/JAVA等這些編程語(yǔ)言的學(xué)習(xí)，可以建議你去W3School上面去了解基本的知識(shí)。它是一個(gè)編程入門學(xué)習(xí)及技術(shù)文檔查詢應(yīng)用平臺(tái)，是免費(fèi)的和非盈利性質(zhì)的學(xué)習(xí)平臺(tái)。

關(guān)于入行的一些相關(guān)介紹，大體就是這些了。但是，UI設(shè)計(jì)要學(xué)習(xí)的內(nèi)容，不僅僅是這些內(nèi)容。現(xiàn)在有了更多的延伸，你比方說(shuō)，3D.現(xiàn)在，設(shè)計(jì)師會(huì)使用C4D創(chuàng)作3D作品的越來(lái)越多了，這也是一個(gè)趨勢(shì)。

6.設(shè)計(jì)是一種練習(xí)和思考

其實(shí)，關(guān)于學(xué)習(xí)方法，網(wǎng)絡(luò)上已經(jīng)介紹了很多很多了，大體就是：前期臨摹優(yōu)秀的設(shè)計(jì)作品，多去練習(xí)，多去思考。當(dāng)然，臨摹是很有必要的，一開(kāi)始，你不可能在那里憑空的想象。

還有就是，練習(xí)也不是盲目的練習(xí)，機(jī)械性的照著葫蘆畫瓢，這樣沒(méi)有一點(diǎn)用處。而是去研究和思考，為什么他是這樣設(shè)計(jì)的？為什么要這樣用色？如果我用別的顏色會(huì)不會(huì)更好看？我換一種構(gòu)圖模式，會(huì)產(chǎn)生什么樣的效果？如果我添加或者去掉一點(diǎn)東西，會(huì)怎樣？......

設(shè)計(jì)這個(gè)行業(yè)就是這樣：你光想沒(méi)有任何的用處，最終還是要?jiǎng)邮?。每一次的練?xí)，每一次的設(shè)計(jì)，都是一次成長(zhǎng)的機(jī)會(huì)。你只有真的去思考了，動(dòng)腦了，才能學(xué)的更快，成長(zhǎng)的更快。這對(duì)于UI設(shè)計(jì)小白來(lái)說(shuō)，入行可以更快！

7.欣賞是進(jìn)階的途徑

站酷、UI中國(guó)、Behance、Dribbble這些設(shè)計(jì)師經(jīng)常去的網(wǎng)站上，每天都會(huì)發(fā)布很多非常棒的設(shè)計(jì)作品。

每天去瀏覽和學(xué)習(xí)那些優(yōu)秀的設(shè)計(jì)作品，成為了很多設(shè)計(jì)師的必要工作。所以，如果你想成為一位很棒的UI設(shè)計(jì)師，就多去這些網(wǎng)站上，學(xué)習(xí)和欣賞優(yōu)秀的作品，多跟他們交流和學(xué)習(xí)，這樣進(jìn)步的會(huì)更快！

以上，是豆豆結(jié)合自身寫的一些關(guān)于入行UI設(shè)計(jì)的內(nèi)容，純屬自言自語(yǔ)，如果有不恰當(dāng)?shù)牡胤?，?qǐng)多多包涵和指正。也真心的希望，想從事UI設(shè)計(jì)的設(shè)計(jì)師們，可以在這條道路上闖出一片光明。