編者按：今天這個UI自學(xué)系列教程，不聊軟件操作，不談精美效果的實現(xiàn)，我們來聊聊真正有助于你成為設(shè)計師的方法。今天第一篇，聊聊什么是UI，學(xué)會哪些軟件才能成為UI設(shè)計師，
Think Lee：UI=User Interface，這是大家都會說的廢話，Interface比較容易理解，界面，通常就是我們看到的網(wǎng)頁，APP的界面，圖標(biāo)等等等等視覺元素。UI里的界面設(shè)計通常區(qū)別于平面設(shè)計，因為在Web端，移動端，或者其他手持設(shè)備或獨立設(shè)備上，視覺設(shè)計通常會受到技術(shù)限制和規(guī)則約定，例如說在iOS APP上，狀態(tài)欄/導(dǎo)航/Tab都有規(guī)定的高度，在Web上受、到用戶電腦分辨率的約束通常會把網(wǎng)頁內(nèi)容寬度做一個范圍限定。所以，在Interface的部分，UI設(shè)計師尤其需要考慮到各平臺的設(shè)計規(guī)范與可實現(xiàn)性。當(dāng)然，這東西難到也不難，只是各平臺亂七八糟的規(guī)矩太多加之設(shè)計趨勢天天變，總是感覺自己有點跟不上時代變化的感覺。
此處插入iOS設(shè)計規(guī)范，你感受一下：
規(guī)范里不僅講了視覺規(guī)范元素規(guī)格等等，也會大量牽涉到交互上的設(shè)計原則，所以作為一個好UI，在Interface層面上你不單單要懂規(guī)范，你還要懂交互，交互是另外一個復(fù)雜的話題，以后再說。
接下來說User
User是什么，是你的設(shè)計作品的最終使用用戶。很久之前是沒有UI這個職位的，上古時代我們稱之為美工（可惜這么有歷史的詞現(xiàn)在倒成了貶義詞），或者視覺設(shè)計師，后來做Web設(shè)計的干脆叫網(wǎng)頁設(shè)計師。因為很久以前那時候還沒有UCD（User Center Design）這個說法，所以界面設(shè)計里并沒有加入User的部分，多數(shù)只是考慮視覺的美觀。而站在現(xiàn)在的角度來看，以用戶為中心的設(shè)計理念已經(jīng)深入……深入人嘴（意思就是現(xiàn)在大多數(shù)人嘴里念念叨叨用戶體驗用戶體驗，其實他們并不知道什么是用戶體驗），好吧，人嘴就人嘴，你可以粗暴地理解其為：為人民服務(wù)。
那到底用戶體驗是什么？用戶體驗是產(chǎn)品設(shè)計者/團(tuán)隊對產(chǎn)品用戶心理的一種把控。用戶體驗設(shè)計過程，是對用戶的視覺偏好/行為特征/操作習(xí)慣等等等等用戶心理特征通過各種調(diào)研方法得出的定量或定性的統(tǒng)計數(shù)據(jù)與結(jié)論，從而用來指導(dǎo)整體產(chǎn)品的功能/交互/界面等方面的設(shè)計。
到這里，美工/界面設(shè)計/視覺/網(wǎng)頁設(shè)計師，也就搖身一變變成了現(xiàn)在的UI。也就是說，單單考慮到美觀的視覺設(shè)計還不夠，同時還需要把你對用戶的感知和理解融入到設(shè)計中去。這就是UI的基本要求，當(dāng)然……要求是要求，能做Interface的，一抓一大把，真有User理念的，不多
學(xué)會哪些軟件就能做UI了呢？
內(nèi)行人一看就懂，這題目分明就是外行話，為什么外行，稍后再說
先說下此問題的答案：即便你把a(bǔ)dobe系列全學(xué)會了，你也不一定能做UI
從上古時代的“網(wǎng)頁三劍客”到后來業(yè)界公認(rèn)的PS/AI/DW，到最近一些小眾但是逐漸在變熱門的Sketch/Affinity系列，UI使用的軟件逐漸在向更專業(yè)化的方向發(fā)展，比如說PS CC 2015新增的“設(shè)計空間”就非常適合UI界面做布局配色。但是由于PS本身就不是一個專業(yè)的UI軟件，新加入的“設(shè)計空間”也稍顯雞肋。
大致總結(jié)下目前行業(yè)常用的軟件： Photoshop ， Illustrator，Dreamweaver，Sketch，Affinity photo，Affinity Design，Sketch，Axure，Mockups，F(xiàn)lash，After Effects。以上是我經(jīng)常用的和經(jīng)常見到別人用的UI行業(yè)軟件，至于軟件好壞怎么選擇這些東西略過不表。這篇文章只說軟件與設(shè)計的關(guān)系。
為啥Adobe全學(xué)會了還不能做UI？
我們舉個例子：
圖1：
圖2：
插句題外話，如果你覺得圖1很好看圖2很丑，那我可能要很遺憾地告訴你，設(shè)計行業(yè)不適合你，盡快想別的出路吧。
我從昵圖網(wǎng)隨便找了兩個網(wǎng)頁，好，大家比較一下圖1和圖2，我要說明什么呢？
首先，這兩個網(wǎng)頁都是用PS做的，與軟件版本無關(guān)，與你用的是Mac還是PC也無關(guān)。
其次，圖1和圖2對PS技術(shù)的要求是一樣的，而且PS操作技術(shù)要求相當(dāng)?shù)?，初學(xué)PS不久的同學(xué)就可以輕松地畫出來
最后，舉個例子：
你和小明一起學(xué)PS，兩個人看同樣的PS教材，看同樣的視頻課程
你做出了圖1，小明做出了圖2
你屢次投簡歷失敗，還要為月薪兩三千的底層美工職位擠破頭，而小明已拿到了BAT月薪1.5W的UI Designer offer，轉(zhuǎn)眼迎娶白富美走上人生巔峰
為什么？
因為 會軟件≠會設(shè)計
許多同學(xué)把做UI理解成為”學(xué)會軟件了就會做UI“，于是趕緊跑上來問“UI都需要什么軟件技能？” “PS學(xué)到什么程度就能做UI了？” “達(dá)到一個UI設(shè)計師的水平需要學(xué)會哪些軟件？” 聽了一群外行和半吊子內(nèi)行說要學(xué)PS/AI/DW等等，要學(xué)某某某大師的視頻課程，要上某某PS教學(xué)網(wǎng)站，要去培訓(xùn)班系統(tǒng)學(xué)習(xí)。抱著對眾神百分百虔誠的信任然后趕緊花費(fèi)大量的時間精力金錢去學(xué)PS學(xué)AI學(xué)DW學(xué)Flash（更有奇怪的培訓(xùn)班還要教CAD和3Dmark，真心理解不了）。熬盡七七四十九個白晝與黑夜，“系統(tǒng)”地學(xué)完了一大堆UI常用的和不常用的軟件之后突然感覺自己瞬間打通任督二脈，不僅長出了三頭六臂順帶還精通了十八般武藝，然后擼起袖子做了個圖1……
你要知道，圖1和圖2之間的差距，與軟件無關(guān)。
中間相差的設(shè)計感，色彩感，排版規(guī)則，設(shè)計技巧等等，絕對不是靠學(xué)PS學(xué)AI學(xué)DW等等等等軟件學(xué)出來的，就像我開頭說的，Adobe全學(xué)會了你也不一定能做得了UI。
想起我好多年前剛開始做UI時候認(rèn)識的一個朋友，年近三十，PS用了9年，快捷鍵耍得出神入化，但是依然在一個小縣城的婚紗攝影店拿著2000的工資做婚紗照的后期
我做設(shè)計的最初一年多，只會PS，是的，除此之外什么軟件都不用。AI還是后來才摸，DW壓根沒學(xué)（設(shè)計和Html的關(guān)系這是另外的話題，以后再說）
所以不知道到這里你明白了沒有：
不要把你的時間都堆在學(xué)軟件上面，鍋碗瓢盆油鹽醬醋備齊并不代表你就能立馬變成廚子。
