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

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

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

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

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

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

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

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

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

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

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

5、優(yōu)秀的APP界面設(shè)計(jì)欣賞課堂—運(yùn)動(dòng)類(lèi)APP設(shè)計(jì)

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

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

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

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

如果你非常對(duì)UI設(shè)計(jì)感興趣，想要學(xué)好移動(dòng)APP設(shè)計(jì)，可以從畫(huà)畫(huà)開(kāi)始。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、有耐心，對(duì)齊像素比較惡心。

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

4、有想法，沒(méi)事自己畫(huà)點(diǎn)東西，做點(diǎn)東西。參見(jiàn)好作品的方法做一個(gè)自己的東西。有自己的東西才能成為頂級(jí)的嘛，跑遠(yuǎn)了。

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

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

如果你想要認(rèn)真的來(lái)學(xué)習(xí)移動(dòng)APP界面設(shè)計(jì)，25學(xué)堂是你的最佳選擇。

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

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

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

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

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

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

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

交互類(lèi)（UCD，交互設(shè)計(jì)高級(jí)技術(shù)）

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

流程設(shè)計(jì)（界面開(kāi)發(fā)對(duì)接，流程管理，移動(dòng)媒體綜合開(kāi)發(fā)實(shí)訓(xùn)）

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

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

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

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

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

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