從嚴肅的角度的來說，學(xué)習(xí)一項新技能，尤其是已經(jīng)有一定沉淀并在各行各業(yè)有廣泛應(yīng)用的技能，就一定要對它先有充分的認知。下面就跟隨25學(xué)堂的小編來一起看看小白學(xué)APP設(shè)計之如何自學(xué)UI設(shè)計以及職業(yè)規(guī)劃吧！

UI設(shè)計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點。代表作品就是window系統(tǒng)和mac系統(tǒng)上的界面設(shè)計。

移動APP設(shè)計，就是指在智能手機等移動終端上的界面UI設(shè)計。屬于UI設(shè)計的一部分。

小白學(xué)APP設(shè)計的完全自學(xué)手冊如下：

第1步：多看，多欣賞優(yōu)秀的UI設(shè)計作品。

這里25學(xué)堂主要以手機移動app界面欣賞為主。

下面就是25學(xué)堂之前跟大家分享一些好看優(yōu)秀的移動APP界面設(shè)計欣賞：

1、2015、8月最好看的APP界面設(shè)計欣賞

2、2014.12月最好看的APP界面設(shè)計欣賞

3、四款精美的國產(chǎn)APP界面設(shè)計效果圖欣賞

4、精選13張Android安卓手機APP UI界面設(shè)計欣賞

5、優(yōu)秀的APP界面設(shè)計欣賞課堂—運動類APP設(shè)計

當然，大家還可以去一些專門的移動APP設(shè)計靈感酷站尋找自己的一些好的美學(xué)基礎(chǔ)和提升自己的UI設(shè)計靈感的地方。

比如：花瓣APP、APPUI、UI4app、Reeooiphone界面網(wǎng)站等等。

上圖就是專門分享一些國內(nèi)外游戲的UI界面設(shè)計的酷站：http://iphone.reeoo.com/

另外，有時間也要去看下一些UI設(shè)計方面的知識和理論。包括移動APP設(shè)計規(guī)范、相關(guān)設(shè)計的指導(dǎo)原則和美學(xué)基礎(chǔ)。

如果你非常對UI設(shè)計感興趣，想要學(xué)好移動APP設(shè)計，可以從畫畫開始。

25學(xué)堂推薦的讀《30天學(xué)會畫畫》百度網(wǎng)盤免費下載PDF，并且每天花半小時練習(xí)畫畫。

第2步：學(xué)會使用 Photoshop 和 Illustrator

現(xiàn)在你在視覺設(shè)計與使用者經(jīng)驗上已經(jīng)有相當?shù)幕A(chǔ)，可以朝下一步邁進了。就是去開始學(xué)習(xí)一些設(shè)計軟件。

無論你是從 Illustrator 開始學(xué)，還是先去學(xué)?Photoshop，都是取決于你想要達到什么的設(shè)計目的。如果你想要快速進行移動APP界面設(shè)計，25學(xué)堂推薦你學(xué)習(xí)使用sketch，是Mac電腦上專門的APP設(shè)計工具。容易簡單上手。

1、手機APP設(shè)計師易上手的Sketch自學(xué)手冊

2、快速進行APP界面設(shè)計的工具：Sketch3 MAC破解版

設(shè)計師通常使用 Illustrator 來製作商標或圖示，而 InDesign 則在製作傳單或名片等印刷品時非常好用。

另外25學(xué)堂推薦2個非常適合學(xué)習(xí)Photoshop的網(wǎng)站，也是目前國內(nèi)很多設(shè)計大神推薦的酷站。

http://design.tutsplus.com/和PS圖象處理設(shè)計教程和PS精品資源站-PSDBox

另外25學(xué)堂重磅推薦下 ：李濤老師視頻的前三課：李濤PS教程（全集）

第3步：學(xué)會專業(yè)技能和自己的作品集

到了這個階段，你就要不斷的去練習(xí)和臨摹一些優(yōu)秀的移動APP界面設(shè)計作品?？梢詮腁PP設(shè)計模板開始學(xué)習(xí)。

20多套優(yōu)秀的移動APP界面設(shè)計模板，就在這里。

會看優(yōu)秀的案例，用它們給你提供設(shè)計的燃料，然后你要做的就是抄！抄！抄！用你學(xué)過的設(shè)計理論在實現(xiàn)中對案例進行分析，只有發(fā)現(xiàn)了它們的優(yōu)點并自己動手實踐實現(xiàn)了，才對你的提升有實際幫助。你每天抄一個案例，BANNER、ICON、APP界面，那么不出幾個月，你就能對現(xiàn)有的設(shè)計形式套路了如指掌，可以設(shè)計出安全不會有太大毛病的UI設(shè)計稿。

等你開始已經(jīng)熟悉整個UI設(shè)計流程和一定的ui設(shè)計作品的時候，就要開始根據(jù)自己定制的職業(yè)規(guī)劃來學(xué)習(xí)相應(yīng)的知識。

25學(xué)堂對各位要自學(xué)UI設(shè)計的小白的6點忠告：

1、先培養(yǎng)眼光，才能在臨摹的時候發(fā)現(xiàn)自己的不足。只有和頂尖的人學(xué)習(xí)，才能成為優(yōu)秀。

2、有耐心，對齊像素比較惡心。

3、有態(tài)度，做東西一定不要草草了事，比如臨摹必須做到95%的相似，甚至超過原版效果。

4、有想法，沒事自己畫點東西，做點東西。參見好作品的方法做一個自己的東西。有自己的東西才能成為頂級的嘛，跑遠了。

5、在工作中學(xué)習(xí)更好。

6、站酷，追波，UI中國、花瓣，在微博上關(guān)注他們更好。當然你可以去看下5個優(yōu)質(zhì)的設(shè)計師導(dǎo)航網(wǎng)站匯總，體驗的話，去搜各個門戶的用戶體驗中心，比如騰訊的cdc。另外500px雖然是攝影的但也很推薦，提高審美。

如果你想要認真的來學(xué)習(xí)移動APP界面設(shè)計，25學(xué)堂是你的最佳選擇。

下面是就是25學(xué)堂羅列的一名UI設(shè)計需要經(jīng)歷的五個階段。

需要的基礎(chǔ)就是一些簡單的美術(shù)基礎(chǔ)和平面設(shè)計基礎(chǔ)，要求也不算高，你這個情況應(yīng)該沒問題，編程不太需要。一般流程是這樣的，大致5個階段，都會培訓(xùn)你一些基本需要的基礎(chǔ)。PS ，Illustrator ， DW，InDesign都會用到。

UI設(shè)計職業(yè)發(fā)展的第一階段：

UI用戶設(shè)計基礎(chǔ)（UI行業(yè)發(fā)展及UI設(shè)計師職業(yè)規(guī)劃，美術(shù)基礎(chǔ)，平面設(shè)計基礎(chǔ)，圖形與創(chuàng)意設(shè)計，網(wǎng)頁設(shè)計基礎(chǔ)，交互式網(wǎng)站），軟件：Photoshop、Illustrator、Dw、firework、sketch、axure

UI設(shè)計職業(yè)發(fā)展的第二階段：

移動界面設(shè)計（圖標創(chuàng)意思路與方法，圖標的創(chuàng)作設(shè)計，主題圖標設(shè)計，Ios系統(tǒng)Android系統(tǒng)Windows phone系統(tǒng)，UI設(shè)計實訓(xùn)課程）

UI設(shè)計職業(yè)發(fā)展的第三階段：

交互類（UCD，交互設(shè)計高級技術(shù)）

UI設(shè)計的職業(yè)發(fā)展第四階段：

流程設(shè)計（界面開發(fā)對接，流程管理，移動媒體綜合開發(fā)實訓(xùn)）

UI設(shè)計職業(yè)發(fā)展的第五階段：

綜合項目實訓(xùn)及就業(yè)階段（根據(jù)所學(xué)內(nèi)容，選擇一種移動平臺（IOS/Android/Winphone），軟件界面，WUI類型設(shè)計，完成初稿設(shè)計。依據(jù)項目初期確定的需求進行驗收，并簽署驗收報告。）

之前的小白學(xué)習(xí)APP設(shè)計課系列程有：

1、小白學(xué)習(xí)APP設(shè)計：5步讓你設(shè)計出漂亮的APP

2、小白學(xué)習(xí)APP設(shè)計教程：改正你的PS設(shè)計習(xí)慣

3、小白學(xué)習(xí)APP界面設(shè)計，從設(shè)計APP首頁開始