學UI設計首先你需要了解下面兩點，你就有會一個大概的思路和方向。

一、UI是什麼?

二、UI設計的現狀與發展？

三、UI設計要學習些什麼內容

四、UI設計學習詳細提升

一、UI是什麼?

簡單來說“為了人和網際網路能夠互動交流的裝置有一個更方便的互動交流方式”

機械（電腦，手機、電視最長見的）

詳細點分析，UI是（User Interface使用者介面）的縮寫，我們在電腦上或者手機上能夠看到的所有用眼睛看到的視覺都是屬於使用者介面。

《使用者介面》使用者=人，介面=視覺效果，所以UI設計就是要讓人能夠更簡單明瞭的對專案有一個更好的理解。

《專案》使用者介面是建立在專案上的，什麼樣的專案，那就要做什麼樣相應的介面，來達到瀏覽者的需求。

比如：淘寶（開啟最直觀的介面就是搜尋欄）

二、UI設計的現狀與發展

UI設計現在主要是以做app介面、網頁介面、圖示、互動設計為主，能夠實現網際網路推廣資訊，做出來網站專案，移動端專案，但是現在全國目前除了一些大牛的設計作品外，其餘的UI設計都大同小異，這也就意味著現在才是互相借鑑的一個開始的過程，UI設計已經在中國市場差不多6年了，但是還是處於開始的階段，今後對於網際網路的要求肯定是越來越高的，從現在的大同小異，會改變為各有所長，有自己的一套設計方案，所以UI設計只會發展越來越好，但是這對於以後想往UI行業發展的小夥伴有所不利，現階段還好，因為現在大家都是在起步，但是你現在還沒有一點危機意識，別人超過你可是很輕而易舉的。

三、UI設計要學習些什麼內容

分為五個階段來講解，

第一個階段：每個人都需要起步，UI設計在起步階段學習的就是如何實現視覺介面效果，這個就瞭解到了PS軟體，PS軟體是點陣圖處理，主要功能是設計視覺效果。據說設計師80%的工作時間都在這個軟體打交道，其重要性就不言而喻了。

第二個階段：當能夠簡單的實現視覺介面效果後這個時候就開始瞭解專業內容網頁介面的設計了，網頁設計可稱之為“WUI”“WEB”“PC端”主要學習內容有：電商網站介面設計，企業網站介面設計，遊戲網站介面設計等。

第三個階段：由於技能在成長這個時候瞭解的就更全面些需要了解到移動端的介面設計了，主要學習內容有：APP介面設計、圖示設計、切圖標註等

第四個階段：學習以上三個階段幾乎能夠獨立設計視覺效果了，但是也就只是能夠設計出來而已，還有對於很多關於更深層次的東西還是不夠了解，這個是後就需要學習到的是UE互動設計，互動設計師講到了如何讓專案變得更簡單順暢，沒有那麼多瑣碎的事情，只有達到這個效果才能讓使用者對你設計的專案愛不釋手，主要學習內容有：使用者體驗、原型圖設計、邏輯思維、互動動效等

第五個階段：學習前面四個階段設計專案方面問題就不大了，但是第五個也是至關重要的，學習到的是H5簡單程式設計，由於設計師設計作品專案後也是需要上線到網際網路上才能夠真正實現出來，那麼程式設計就是程式碼上線的必要要求，設計瞭解些簡單的編碼，也就能夠避免和後臺對接工作的一些沒必要的麻煩，同時有些設計效果在現在的程式設計技術領域中是實現不出來的，但是如果你只會設計而不懂些程式設計的話你就會分不清楚哪些是可實現的哪些是不可實現的，如果你設計了不可實現的設計效果，也就意味著，實現不出來上線不了，你就需要大量的去修改，直到能實現上線為止！這個問題也是很多設計師頭痛的問題，如果能夠解決程式設計的問題，也就會給自己減少很多沒必要的麻煩了，主要學習內容有：HTML5+CSS、JS JQ套用、CMS上線等

四、UI設計學習詳細提升

1、軟體

2、收集/看

3、臨摹1

4、臨摹2

5、創作

掌握的要精不要多，一般會PS，AE和ARP這三款基本夠了，學太多的話一個是時間成本太高，一個是工作中不一定用的上。

接下來主要介紹這幾款軟體的主要用途是什麼？

PS主要是做UI介面和圖示的；AE主要用來做動效設計，ARP用來做互動原型。

關於軟體版本的選擇，大家見仁見智，不一定非選擇最新版本不可，還是那句話:適合自己的的才是最好的。

第一款軟體：PS，全稱Photoshop

設計中主要負責做切圖，介面設計，圖示設計。主要處理點陣圖，在影象、文字等方面的處理比較突出。

第二款軟體：AE，全程Adobe After Effects

主要是做圖形影片特效合成處理軟體的，可以設計引人注目的動態圖形和震撼人心的視覺效果。雖說PS也能做，但術業有專攻，PS做出來的效果就沒有AE這麼細膩和震撼了。

第三款軟體:PR，全稱Axure RP

ARP是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和介面的同學能夠快速建立應用軟體或Web網站的線框圖、流程圖、原型和規格說明文件。作為專業的原型設計工具，它能快速、高效的建立原型，同時支援多人協作設計和版本控制管理。

當然這些軟體再牛逼它也只是一個輔助工具，能不能設計出一套出色的產品，還需要去學習大量的理論知識和設計理念。

我日常工作的話，用以下幾個軟體就足夠了：

PS（運營設計工作）；Sketch（UI設計）；藍湖（自動標註和切圖）；AE（動效）

一、Photoshop

Photoshop是影象編輯和設計軟體，相信大家再熟悉不過了。現在不光是設計行業，一些非設計類崗位在招聘人員的時候也更加傾向於會使用Photoshop的人，因為現在很多行業都會用到PS來簡單改圖，新媒體行業更是如此。那麼UI設計行業的從業者當然就得更加精於Photoshop，才能夠做出更好的設計、拿到更高的薪資。Photoshop是設計的基礎，不管是UI設計還是平面設計、網頁設計、電商設計，都需要熟練運用Photoshop，Photoshop也可以說是設計行業的門檻，掌握了它，才能夠邁入UI設計行業。

二、Illustrator

Illustrator是向量圖形和插圖軟體。它主要用來做頁數多的宣傳品，也可以完成一些簡單的影象編輯。複雜的圖層設計會先用Photoshop完成，再匯入Illustrator進行排列。它是高階UI設計師需要的技能，也是在UI設計中比較常用到的軟體。

三、Indesign

Indesign主要用於圖書和講義的排版，也是UI設計師經常用到的，雖然它不能做太多樣式的設計、但是排版還是比較有效率的。

四、XD

XD主要用於使用者體驗設計和原型建立，更多的用於UI互動設計。一些網站設計以及app軟體的設計大多數會用到它。不過它對系統的級別和配置要求比較高。

五、CAD

CAD是一個草圖繪畫軟體，用於室內設計、工業設計等三維設計，在設計師當中也算是常用軟體之一。有這項技能的UI設計師的工資往往會比沒有這項技能的高出很多。

六、各類手繪軟體

雖然一些設計軟體也可以進行手繪，但是畢竟不是專業的手繪軟體，畫筆的種類較少，有時候不能很好的表達設計師的思想，所以設計師們在手繪時更傾向於用專業的手繪軟體。具體用哪款軟體就見仁見智了，設計師會根據手感和習慣，來選擇手繪軟體。

UI設計軟體相關的技術學習UI圖形介面設計，常用的幾個軟體分別是一、Photoshop二、Sketch三、藍湖四、Axure

介面設計：

PS

每個設計師基本都會，功能特別強大，擅長點陣圖處理。特別複雜的影象合成，新版本中還有畫布和圖層匯出功能。

AI

AI是向量繪圖軟體，所以特別適合做圖示和向量插畫。新版本中可以快速設定圓角，非常方便，路徑可以擴充套件為填充。

XD

XD是一個新軟體，做介面非常簡單快速。是adobe專門開發來對抗sketch的，所以很多功能都很像。不僅和ps和ai相容性良好，就連sketch檔案都能開啟。還有初步互動功能，比如頁面跳轉和簡單動畫。

Sketch

Sketch全向量繪圖軟體，介面簡潔，非常人性化。圖示繪製能力很強，布林之後還能調整，也可以匯入AI檔案，當然新版本互動功能也是有的。（蘋果系統）

互動原型設計：

Axure

Axure RP是一款專業的快速原型設計工具，快捷簡便的建立架構圖、操作流程圖、以及互動設計，並可自動生成用於演示的檔案

墨刀

墨刀是一款專業的線上產品原型工具與產品設計團隊協作平臺,使用墨刀原型設計與協作工具,簡單拖拽就能實現頁面互動跳轉,一鍵預覽還能快速完成原型設計

動效設計：

Ae

Ae的強大之處就不過多闡述啦

principle

principle是一款快捷的互動設計工具，五分鐘即可製作出一個具有完整互動動畫的原型,並且可將互動動畫生成影片或者 Gif 分享到社交平臺

UI設計是一門新興高薪行業，更重要的是UI設計門檻低，非專業人士也能學會，因此一經出現就吸引了人們的關注。很多零基礎的人都選擇學習UI設計，下面就來說一下UI設計常用的軟體，零基礎學習UI設計的過程中你應該避免哪些誤區。

首先，UI設計是視覺設計?一般所說的UI設計多指UI視覺設計，主要負責APP、Web、H5等頁面的色彩、佈局、icon、字型方面的設計工作。但隨著網際網路的不斷髮展以及企業發展需要，UI設計還需要懂得互動設計、使用者體驗設計，UI設計最後的產出物是高保真視覺稿+頁面標註+切圖。

其次，UI設計學習PS就夠了?UI設計的主要工具有PS、Sketch、AI，輔助使用Axure、AE等軟體。此外還需要學習H5推廣頁面、PC客戶端設計、最佳化精簡原圖示設計等。

最後，自學UI設計就可以完全沒必要報班。自學可以節省一定的費用開銷，鍛鍊主動學習的習慣和自學能力，不過易造成人際方面閉塞，很難系統的學習UI設計的知識體系和經驗技巧，容易走很多彎路等。而參加UI設計培訓班需要支付較高的學費，可以學習系統的知識，遇到問題可以及時解決，還可以參加專案鍛鍊溝通協作能力。

參加UI設計培訓是快速學習技術的有效方式，而前提是你要選對，隨後要做到“三多”，即多看、多做、多寫。如果你想要學好UI設計，建議進行專業的學習會比較好。

1.Ps影象處理軟體必備，ai向量圖形，Axure做原型圖高保真圖和互動模擬，Ae製作一些常用的動效，另外再加個C4D三維軟體。

2.必備理論知識:平面設計，網頁設計，ios設計規範，安卓設計規範，使用者體驗，前端html5+css3+JQury瞭解用於和程式猿溝通。

3.軟體只是工具，關聯還是看自身的能力。

UI設計是對使用者介面的設計，人機互動、視覺、使用者體驗整體設計。UI即User Interface(使用者介面)的簡稱。

UI設計是介面整體設計，所以做UI設計所需要用到的軟體也很多。常用有Photoshop、Illustrator、After Effects、Sketch、Adobe XD、Axure等。

Photoshop即長說的PS。應用領域很廣泛，在影象、圖形、文字、動效、影片、排版各方面都有涉及。主要用於製作UI設計中介面和圖示設計，進行視覺設計。

Illustrato即AI,是專業向量繪圖工具,向量插畫軟體。AI主要用於UI介面中的圖示設計，也可以對介面中的一些啟動頁及引導頁進行插畫設計。

After Effects簡稱“AE”，一款圖形影片處理軟體，適用於影片特效製作，包括影片剪輯、動畫、影片後期、多媒體。AE主要用於介面設計中的互動動效。

Adobe XD是一款輕量級的向量設計軟體。使用者體驗、原型、網站和移動介面、互動等全面覆蓋，軟體完全免費。

Axure RP是一款專業的快速原型設計工具。主要用於做原型設計，功能強大。Sketch專業的介面設計軟體。一款輕量級的向量設計軟體，目前只支援max。

第一階段

1、廣告文案書製作

2、計算機組裝與維護

3、美術基礎：素描

4、美術基礎：水粉

第二階段

1、向量圖形設計（CorelDRAW）

2、廣告攝影

3、向量插圖設計（Illustrator）

4、影象處理設計基礎（Photoshop）

5、應用文寫作

6、構成基礎：平面構成

7、色彩構成、立體構成

第三階段

1、影象處理高階技法

2、平面設計典型例項

3、InDesign圖文設計

4、廣告材料及工藝

5、包裝設計

6、招貼設計

7、商業廣告影片剪輯

第四階段

1、Dreamweaver網頁設計

2、Flash動畫設計與製作

3、HTML5+CSS3

4、網頁美工設計典型商業案例

5、商城網站廣告美化

6、網店裝修

7、產品視覺化包裝