首先，我不知道你有沒有基礎(chǔ)，比如：PS。我就直接假設(shè)，你不會(huì)PS。在這種情況下，你想要系統(tǒng)的學(xué)習(xí)UI，有以下幾個(gè)方面。

首先，你要了解UI設(shè)計(jì)在產(chǎn)品流程中的位置

UI是“用戶界面”的意思，UI設(shè)計(jì)涉及到的領(lǐng)域有：設(shè)計(jì)心理學(xué)，情感化設(shè)計(jì)，視覺設(shè)計(jì)，美術(shù)原理知識等。UI設(shè)計(jì)師實(shí)際是對軟件的人機(jī)交互、操作邏輯、界面美觀等整體進(jìn)行設(shè)計(jì)。

UI需要使用的工具

• UI設(shè)計(jì)視覺設(shè)計(jì)軟件：PS 、Sketch

• 思維導(dǎo)圖軟件：MindManager或XMind

• 快速原型設(shè)計(jì)工具：Axure RP

• 動(dòng)效設(shè)計(jì)：AE軟件

• 前端設(shè)計(jì)：Dw軟件（學(xué)習(xí)html、CSS、jsp）

推薦幾個(gè)學(xué)習(xí)網(wǎng)站

• doyoudo：上面的工具都有教程的：基礎(chǔ)，進(jìn)階。
  

• 站酷：除過doyoudo的功能外，它多了個(gè)社交功能，就是不同的設(shè)計(jì)師在上面發(fā)表作品，這些設(shè)計(jì)師有平面的，工業(yè)的，手工的，插畫/漫畫，大家可以互相學(xué)習(xí)。平臺(tái)有一些線上比賽，招聘信息等。

• 花瓣：和站酷相似，就是設(shè)計(jì)師的分類更細(xì)。

• 以上均是國內(nèi)網(wǎng)站，而且這3個(gè)我現(xiàn)在都在用，推薦給大家

怎樣學(xué)習(xí)

• UI設(shè)計(jì)的6個(gè)工具的使用，在這里就不多說了。這些工具的學(xué)習(xí)教程在網(wǎng)上很多的。

• 除了UI工具的使用，你還要了解UI設(shè)計(jì)的基本思路和一些規(guī)則。在這里推薦一本書淘寶團(tuán)隊(duì)出的書-《方寸指間》，內(nèi)容適合新手。

• UI的設(shè)計(jì)規(guī)范很重要，在一開始要有良好的習(xí)慣。例如：界面尺寸，圖標(biāo)尺寸，字體大小，內(nèi)部設(shè)計(jì)?！咀⒁猓航缑娲笮〔煌?，后面的相應(yīng)地都要變化】

• 色彩學(xué)習(xí)：色彩三要素：色相，明度，純度。在這里，給大家推薦一個(gè)教程-李濤【PS高手之路】，有基礎(chǔ)和提高篇。在基礎(chǔ)篇里，李濤老師很詳細(xì)地講了色彩學(xué)習(xí)。我是在B站上看的。

• 臨?。骸拒浖ぞ?手繪】不斷地臨摹不同風(fēng)格作品。這個(gè)階段要做的是：多練多問。

• 進(jìn)階階段，給大家推薦幾本書：

1. 《用戶體驗(yàn)要素》
   
2. 《About Face 3 交互設(shè)計(jì)精髓》
3. 《簡約至上》

• 要始終牢記：ue的作用本應(yīng)是讓美術(shù)/開發(fā)/老板/客戶了解你的設(shè)計(jì)思路和要實(shí)現(xiàn)的功能，【所以要看《用戶體驗(yàn)要素》】而不是一味的模擬軟件最終呈現(xiàn)出的視覺效果，能用幾個(gè)字的注釋說明白的效果，何必套三層動(dòng)態(tài)圖層？有這個(gè)時(shí)間和精力，不如多推敲推敲系統(tǒng)的功能和邏輯。

你可以干的

• App的設(shè)計(jì)以及交互動(dòng)效設(shè)計(jì)，官網(wǎng)的設(shè)計(jì)

• H5的策劃以及設(shè)計(jì)

• 公司宣傳畫冊的設(shè)計(jì)

• 形象的品牌設(shè)計(jì)等

• 其他【例如：圖標(biāo)設(shè)計(jì)】

作為一個(gè)正在合格、優(yōu)秀的UI設(shè)計(jì)師，你要主要具備三種能力：界面視覺設(shè)計(jì)能力、交互體驗(yàn)設(shè)計(jì)能力、用戶需求研究能力。

先到這里，后面如果大家有其他的問題，我再補(bǔ)充！如果我的回答，對你有用，請點(diǎn)個(gè)贊吧！