一、UI到底是什么？

很多人初入這個行業(yè)不知道UI是什么，被培訓(xùn)班天天洗腦，以為畫個ICON圖標(biāo)自己就是UI設(shè)計師了，從而導(dǎo)致很多人剛?cè)胄芯烷_始大量畫一堆圖標(biāo)，精致到丟過去都能砸死個人，很容易讓一些新人走錯路，我只能給你說圖標(biāo)是UI設(shè)計繞不開的路，但不是全部，后面的內(nèi)容中我們會抽空給大家更新UI系列自學(xué)干貨，屬于比較小白的干貨理論，幫助一些新人設(shè)計師快速入門~

UI設(shè)計主要分三個分支：

1、界面設(shè)計

簡稱GUI,國內(nèi)目前大部分UI工作者都是從事這個行業(yè)。包括（網(wǎng)頁設(shè)計，軟件界面，移動端界面設(shè)計），每天工作做著各種界面設(shè)計。

2、交互設(shè)計師

整個項目的交互流程，簡單來說就是設(shè)計人與機器之前互動的各種狀態(tài)，比如你點擊一個按鈕他有各種反饋，正常、不可點等等，讓用戶和產(chǎn)品交流起來每步都有反饋，優(yōu)化頁面流程，讓產(chǎn)品用起來更好用，更順手!

3、用戶體驗設(shè)計師

通過各種方法去了解用戶現(xiàn)在需要什么樣的體驗什么樣的界面，從而對這個項目的總體性體驗做決策的。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分。界面設(shè)計是一個復(fù)雜的有不同學(xué)科參與的工程，認知心理學(xué)、設(shè)計學(xué)、語言學(xué)等在此都扮演著重要的角色。

二、常用什么軟件？

常用的界面設(shè)計軟件，你有Mac就用sketch，win就用XD，figma也是現(xiàn)在常用的，屬于團隊協(xié)作性工具，但是前期入門你先用那兩個，根據(jù)自己系統(tǒng)選擇相應(yīng)界面設(shè)計工具，畢竟工欲善其事必先利其器，工具選好幫你省時省力省溝通！其他軟件也就是一些PS、AI、C4D等等常見平面軟件即可！

XD

Sketch

Figma

藍湖

三、UI設(shè)計師工作都什么事？

除非你在大公司部門很多，分的有很細，一般中小型企業(yè)其實沒有傳說中的那么復(fù)雜，大家做的也就是那些界面圖標(biāo)及平時一些雜七雜八的工作，具體有哪些呢？我們可以下面列舉UI見的工作！

1、界面設(shè)計

顧名思義，UI設(shè)計師主責(zé)還是界面設(shè)計，這個界面包含各種，比如整套項目、單個頁面、網(wǎng)頁設(shè)計等等！

2、圖標(biāo)設(shè)計

應(yīng)用圖標(biāo)

這個圖標(biāo)我了解到很多培訓(xùn)班同學(xué)都在畫很多應(yīng)用圖標(biāo)，占了整個課程的三分之一時間。。。

怎么說呢，也不是不行，但是會畫就行了沒必要一周都在畫，這個可以毫不保留告訴你，你做了UI設(shè)計師有可能這個應(yīng)用圖標(biāo)都不會設(shè)計一次，為什么？因為這個一般是在項目開始或者更新時候才會進行設(shè)計，很多情況下你都是中間進去的，這東西早就有了，除非你到時優(yōu)化，沒事基本不改這個應(yīng)用圖標(biāo)。

功能圖標(biāo)

我這里把他統(tǒng)稱為“功能圖標(biāo)”一個項目里面所用到的圖標(biāo)還是非常多的，包含各種比如標(biāo)簽欄圖標(biāo)、導(dǎo)航圖標(biāo)、金剛圖標(biāo)，其他二三級圖標(biāo)，除了默認狀態(tài)部分圖標(biāo)也有點擊、不可點擊等等的交互狀態(tài)，這也算其中一項工作。

3、切圖標(biāo)注

如今工具越來越便捷，很多之前得流程都簡化了很多，切圖標(biāo)注也是，剛開始那會大家都在用PS做界面，需要去裝一些插件之類切圖什么，現(xiàn)在用Sketch和XD切圖更方便

標(biāo)注都不用之前像PS那樣去用其他插件一個個標(biāo)，直接上傳藍湖，可以一鍵下載所有切圖相當(dāng)方便，標(biāo)注前端開發(fā)他們可以直接去鼠標(biāo)一放就知道尺寸大小，解放雙手。

4、宣傳圖設(shè)計

雖說是UI界面設(shè)計師但是很多情況下也是會做一些推廣運營方面的配圖、banner、海報、H5等等。

5、插畫&C4D渲染

部分行業(yè)需要UI設(shè)計師會些插畫和C4D技能，一些B端行業(yè)用的可能比較少，但是也不能說沒有。

6、原型設(shè)計

有的公司有產(chǎn)品可以畫原型，小公司很多情況下UI身兼多職，所以部分同行還在畫原型，所以這個也不能忽視，后面我們會著重說！

7、設(shè)計規(guī)范

品牌有品牌VI，UI有設(shè)計規(guī)范，這個規(guī)范就是用來統(tǒng)一產(chǎn)品的整體視覺，同時方便各崗位翻閱工作。

8、溝通對接

為什么把對接也放入日常工作，因為對接真的占很多時間，UI不像平面一個人就可以完成一個畫冊、海報、名片，打印出來就可以用，一個APP、小程序的上線需要很多工種的配合才能完成上線，所以說UI不是一個人在戰(zhàn)斗，時不時他要改下需求，時不時另外一個圖標(biāo)有問題，就是上下游這種對接會比較頻繁。

9、逛網(wǎng)站

除了工作還有就是沒事的時候大家喜歡去逛一下設(shè)計網(wǎng)站，豐富下理論知識和提高審美，下面推薦幾個UI常去的網(wǎng)站：

壹念視覺

專注于互聯(lián)網(wǎng)界面、品牌視覺、職場技巧類設(shè)計學(xué)習(xí)平臺，里面的作品集都很優(yōu)秀

http://www.ynsj001.com/

花瓣

設(shè)計師創(chuàng)意靈感來源網(wǎng)站，去年整頓幾次后圖片少了很多

https://huaban.com/

Behance

Adobe旗下設(shè)計交流網(wǎng)站，匯集全球優(yōu)設(shè)設(shè)計師

https://www.behance.net/

Dribbble

https://dribbble.com/

和behance一樣也是一個界面分享網(wǎng)站，圖都很漂亮，上面也有很多動效參考

UI中國

https://www.ui.cn/

專業(yè)UI設(shè)計社區(qū)，有很多作品和文章查看

站酷

https://www.zcool.com.cn/

設(shè)計師常去的網(wǎng)站，包羅萬象，什么領(lǐng)域設(shè)計都有

優(yōu)設(shè)

國內(nèi)優(yōu)秀設(shè)計博客文章類網(wǎng)站

https://www.uisdc.com/

Icofont

阿里巴巴矢量圖標(biāo)庫，登錄后就可下載，最好修改下

https://www.iconfont.cn/

四、薪資高嗎？

高

很高

但得看能力

360行每行都有高薪資人群，UI這份工作想直接畫畫線框就能月薪上萬我覺得你還沒睡醒，每條線框都有他背后嚴謹?shù)恼{(diào)研和經(jīng)驗，你單純看到的是一個線框，可不知道他為什么這樣做，所以說不要被培訓(xùn)班所忽悠，薪資高低完全取決你的能力大小，會動銷、C4D、插畫、懂交互、知悉基礎(chǔ)代碼、有產(chǎn)品思維等等，薪資低不了，所以讓入門的就不要心浮氣躁好好沉淀，不要會畫個圖標(biāo)就覺得會UI了，路還很長，任重道遠吧！

五、小結(jié)

其實UI設(shè)計之所以這么多人想入行過來，一是大家對互聯(lián)網(wǎng)的一個普遍認知，二來就是培訓(xùn)班的吹捧月薪過萬，其實月入不過萬的UI很多很多，薪資這東西得看能力來定，并非看什么行業(yè)而論。所以不過你是剛?cè)腴T的新人UI,還是打算入行的其他領(lǐng)域精英，一定想好在做這個，不要盲目，定好職業(yè)規(guī)劃，好了本期就到這里了，后面我們會著重和大家用文字交流UI該怎么做