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

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

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

UI需要使用的工具

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

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

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

• 動效設(shè)計：AE軟件

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

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

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

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

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

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

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

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

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

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

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

• 臨摹：【軟件工具+手繪】不斷地臨摹不同風(fēng)格作品。這個階段要做的是：多練多問。

• 進階階段，給大家推薦幾本書：

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

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

你可以干的

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

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

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

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

• 其他【例如：圖標設(shè)計】

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

先到這里，后面如果大家有其他的問題，我再補充！如果我的回答，對你有用，請點個贊吧！