第一點：學習準備——啟蒙

學習一項技能，尤其是已經有一定沉澱並在各行各業有廣泛應用的技能，就一定要對它先有充分的認知。在開始正式學習前，你需要花足夠的經歷去了解和查閱它的起源、發展、應用、未來。UI作為平面設計的一部分，再往上又從屬與美術學這一大類。因此，首先要先去了解整個美術史的發展。從人類起源各個階段中，美術經歷了什麼樣的變化，在各自的時代發揮了什麼作用，近代美術史又經歷了哪些波折，平面設計藝術是如何發展壯大走進千家萬戶，並且有哪些經驗成功過度到後來的UI設計中。那些享譽中外的藝術大師有何過人之處，他們為美術學發展做出了哪些貢獻，他們的名作到底有何動人之處。

我們看不懂博物館展覽那些畫作，不知道梵高畫了什麼作品，抽象派到底在鬧騰些什麼，更甚者連扁平化的推動有什麼深層次的原因都不明白。

瞭解美術史，學會入門的美術鑑賞，目的是以正視聽。學會用多個緯度去思考美學，學會用更深入的方法來看待問題，學會從更宏觀的視角審視行業……這樣，你才能更客觀的去理解UI的發展歷程。這些知識和思想，將為你的職業生涯做出啟蒙，才更容易成為一個有內涵有深度的設計師，這當中還有諸多優點，就得靠你們自己慢慢體會。

下面推薦書目：

Image title

《藝術的故事》（[英]貢布里希）

《西方美術簡史》（（美）亨德里克・威廉・房龍）

近代設計史

《設計心理學3：情感設計》 （有1，2，3，都得看）

哲學有三大哲學問題，“你是誰？”“你從哪裡來？”“你要到哪裡去？”，構成了哲人在探索人世真理時的基礎框架。我們也一樣，要在階段給自己提出三個問題，並花至少一個月的時間尋找答案：

設計是什麼？設計是如何產生的？設計可以做什麼？

第二點：繪畫技巧——洞察

曾經和很多同行爭論過，UI設計，到底需不需要手繪訓練。想必大家都知道，目前國內知名的UI設計師，追波上的大神們，很多都是草根出身，從其它行業空降來的，他們的出色是有目共睹的，似乎從某種層面上證實，不需要有繪畫基礎，也可以做好UI，也可以當大神？

我們來說說繪畫的問題。

美術高考主要考的三大項：素描、速寫、色彩。就是繪畫入門的三大基礎課題，我們學習的過程也是以這個順序逐步覆蓋的。如果你已經在第一部看完了那些書

現在就是網際網路時代，ui前途一直都很好，就是自學有點難，我自學過一段時間，沒學會，現在報班學的，上的優就業的網路直播課，現在能跟上老師上課節奏，感覺蠻好的。

第一、首先要了解這個行業，瞭解平面設計，瞭解美術學……

第二、需要學習繪畫技巧，手繪、板繪，還有色彩，培養一個審美觀。

第三、學習軟體，Ps、Ai、Dw、Sketch…一個都不能少，必備軟體。

第四、實踐，就是工作，工作中會遇到很多問題，克服它。

第五、有時間了多看一些優秀的案例，模仿它超越它…

隨著時間的推移，很快就會成為一個合格的ui設計師了！

1.先搞清UI是什麼？

剛上課時老師單刀直入，我一陣懵逼，這是什麼？

2.搞清是什麼之後，你開始準備。

軟體:PS,AI,AXURE,墨刀...涉及到什麼軟體你就得會什麼軟體。（必要時一堆插畫軟體也安上）

3.東西準備好了開始瞭解流程。

要知道一整套完整的UI是十分繁瑣的，你可以做一個流程圖，什麼時候該幹什麼，這個階段結束下個階段幹什麼一目瞭然。

4.如果你身邊有人指導你不妨厚臉請教，別太過，不然人家會以為他只是個工具人。實在不行，去找影片學。推薦b站與優設，這麼強大的學習網站用起來。

最後推薦幾個有用的網站吧:

Iconfont+ 阿里巴巴免費向量圖示

Colorme/colordrop 配色調色工具

站酷 看看那些年我們膜拜過的大神

[比心]

首先，知識是有時效性的，

脫離了時間和場景限制的知識，是沒有價值的。

15年的時候，曾根據自己的UI自學經歷，回答了一次。

那會正是UI設計行業最火爆的時期，

基本上會PS，臨摹幾個圖示和介面，就可以找到一份不錯的UI設計工作。

所以，當時這個話題的回答，基本都是結合自己的自學經驗，

教你怎麼學PS軟體技能的，怎麼畫圖示（寫實類圖示）的。

現在，3、4年過去了。 UI設計行業發生了非常巨大的變化：

流行設計風格：之前是寫實風格（對設計軟體技能要求高），現在是扁平化、極簡設計風格（對軟體技能要求降低）。

2. 行業競爭：之前是坑多人少、錢多人傻一片藍海，現在是僧多肉少、高度競爭的一片紅海。

3.設計師能力要求：之前是單一UI（畫圖能力）技能，現在是綜合技能UE（互動體驗）、UXD（產品體驗）。

時間在變，行業在變，設計師的能力要求在變。

而這個話題的回答，大部分（包括高票的）依然停留在3、4年前的場景。

按照過時的經驗和方法，零基礎、自學出來的UI設計能力，

在當前的行業環境下，是缺乏競爭力的，是很難找到一份合適的UI設計工作的。

那麼，站在今天這樣的時間、場景下。應該如何從零基礎、自學UI設計呢？

一切回到本源。時間和場景在變，但是本源不會變。

回到這個問題的本身，這個問題其實是還包含了2個隱藏問題。

1.什麼是UI設計？

2.UI設計需要具備哪些能力？

3.零基礎，如何學習，才能掌握這些能力？

這2個隱藏的問題，就是UI的本源。

但是，你可以發現，這裡面所有的回答， 基本都沒有去解釋這2個問題，

都是從第3個問題開始，直接給經驗，給方法，這樣的經驗和方法是有侷限性的。

事實上，如果你搞明白了前面2個問題，

你再去零基礎、自學UI設計，會發現非常非常的簡單。

反之，你看的教程越多、方法越多，越容易混亂，

而且看似學會了很多，但實際出去面試時，很難達到面試招聘的能力要求。

這個是百度百科和維基百科給出的專業定義

從這兩張圖裡面，可以捕獲的資訊點有：

1.UI設計的定義是：使用者介面設計。

簡單來講，一切帶螢幕的、可以和人互動的，都可以稱為使用者介面。

比如我們用的手機介面、電腦介面、電視介面、銀行ATM機、網站、APP等等。

從這些介面又可以總結出：所有的介面都是由文字、圖形、顏色三大視覺元素組成的。

2.UI設計內容包括：介面美觀、軟體操作邏輯、人機互動。

簡單來講就是，UI設計不只是設計視覺層面（介面外觀），還要設計使用者使用操作層面（邏輯和互動）。

也就是說：外觀視覺設計只是UI設計的一部分！！！沒有美術基礎一樣可以做UI設計！！！

3.UI設計的目的是：讓使用者在完成自己的任務時，與軟體/系統/產品之間的交流盡可能地簡單、高效。

簡單來講就是，UI設計的目的是：讓產品或系統或軟體的視覺層面-顏值高（好看、舒服、個性）、操作層面-好用（簡單易懂、操作高效）。

前面是抽象的理論部分，為了便於大家的理解，我以APP購買火車票為例子：

第一個是被吐槽的12306官方APP購買火車票核心頁面UI：首頁-列表頁-下單頁

第二個是美團APP-購買火車票的核心頁面UI：首頁-列表頁-下單頁

在這個兩個案例裡面：

UI設計的目的是：讓使用者快速的購買到滿意的火車票。

UI設計的內容有：

1. 邏輯互動層面：輸入火車票資訊，從搜尋結果裡面，選擇合適的火車票，然後填寫乘客資訊，下單購買。

那麼問題來了，同樣是購買火車票流程的介面UI，哪個的設計好？好在哪裡？

這個問題，是UI面試必問的問題，兩個設計，哪個好，好在哪裡？為什麼？

目的就是考察設計師對UI設計的理解能力。

前面說了，UI設計是設計產品或系統或軟體的介面。目的是讓產品/系統好用、還顏值高。

那麼一個產品是怎樣開發設計出來的？UI設計師又在這個流程中扮演什麼角色？

工作角色決定能力要求。

一般來講，一個網際網路產品的設計開發流程是這樣的：

1.需求：公司老闆、市場運營、產品經理等，提出抽象的產品需求想法。

2.產品：PM產品經理把這些抽象需求，變成具象的低保真原型圖。

3.設計：UI設計師和PM就原型圖進行需求溝通（邏輯互動細節、視覺風格等），然後用設計軟體（PS/Sketch），變成高保真效果圖。

4.開發：程式設計師（RD/FE）拿到設計師交付的高保真效果（包括切圖標註），進行程式碼程式開發。

5.測試：測試程式設計師進行程式測試，UI設計師進行UI效果實現驗收。

6.上線：提交蘋果和安卓應用市場，進行釋出，使用者下載使用。

在這個流程裡面，設計師扮演者翻譯的角色，

目的是把產品經理抽象的需求想法（低保真原型圖），轉換成使用者容易理解的、容易操作的高保真效果圖。

這個怎麼理解？還是舉個例子來說。

一般來說，產品經理交付給設計師的低保真原型圖是這樣的

最後，設計師交付給程式設計師的高保真效果圖是這樣的

兩者的差異在哪裡？

低保真原型圖：描述需求的有哪些功能模組，以及功能模組之間的互動流程。

高保真效果圖：定義介面視覺呈現（文字、圖形、顏色、版式），定義各頁面之間詳細的互動形式，並完善異常互動場景。

所以，UI設計師需要具備哪些能力，就非常容易知道了。

1.軟體技能：畫圖能力，就是能用設計軟體，將低保真的原型圖，翻譯成高保真效果圖。

2.審美素養：美學能力，知道什麼樣的介面是顏值高的，並能用軟體繪製出來。目的是讓產品顏值高。

3.邏輯思維：核心能力，能理解產品的抽象邏輯和想法，以及使用者場景和使用者心理，並應用到介面視覺資訊呈現、頁面之間的互動關係。目的是讓產品好用。

前面兩部分都是講UI設計的本源，屬於邏輯部分，接下來就是很簡單的方法和操作了。

1.軟體技能如何培養

設計軟體是最基礎的、也是最不重要的能力。

從我多年的UI設計經驗來講，以PS設計軟體來講，雖然PS工具有20多個，但是UI常用到的工具就5個：

1.文字工具：設計文字型別、大小、粗細、顏色、行間距等等

2.矩形工具：透過圓、矩形等基礎圖形，運用布林運算，設計出複雜的、新的圖形形狀

3.調色盤：給字型、圖形賦予顏色變化

4.移動工具：透過移動字型、圖形的位置，達到舒適的排版、組合效果

5.圖層樣式：所有的文字、圖形的設計，都是基於圖層來實現的

所以如果聚焦於UI設計，只需要熟練掌握這幾個功能就夠用了，

如果精力旺盛的話，也可以看網上其他的關於PS的教程。

這個是我給一個親戚家大學生錄製的一個關於UI設計PS軟體技能的教程目錄和連結。

大家有興趣的也可以看看。很系統、目的性也很強，可以讓你少走很多彎路。

2.美學素養如何培養

這個是UI設計師賴以吃飯的技能，需要長期的積累才能培養的。

我的經驗是：多看設計網站，多采集好看的介面設計。

設計網站不需要看那麼多，只需要看3個就夠用了。

1.dribbble：國外知名的介面設計網站

2.behance：國外知名的綜合設計網站（可以選擇只看使用者介面和使用者體驗部分）

3.花瓣：國內知名的設計素材靈感網站

3.邏輯思維如何培養

這個是最難的一部分，不光需要長期的積累、還需要經常的對比、反思、總結。

最好的方法就是：看一些專業的書籍，多體驗行業一些優秀的、垃圾的APP。

書籍1：設計元素：平面設計樣式（視覺類的書，只需要看這一本就夠了！！！各種設計原理的邏輯都有！！！）

書籍2：iPhone 人機介面設計規範（蘋果官方出的，非常的經典！！很多的互動原則和邏輯都有！！）

書籍3：使用者體驗要素（如果時間和精力允許，可以看看，越是資深的設計師，越覺得這本書牛逼！！）

最重要的是：多體驗APP！！！（熟讀唐詩三百首，不會作詩也會吟，你體驗的APP足夠多了，也能說出個好壞一二三！！）

橫向看：同類APP設計的差異和優劣，比如電商類，淘寶、天貓、京東、拼多多，首頁的差異是什麼，哪家的設計好一些，為什麼？搜尋列表頁、商品詳情頁的差異又是什麼...

縱向看：同一個APP各個頁面之間的視覺和互動關係是怎樣的，從首頁到列表頁到詳情頁是怎麼互動的，視覺呈現是怎麼統一和銜接的...

多長時間學會UI設計,如果真的想學,完全零基礎的話我可以幫你捋捋思路.等你思路清晰了,每個階段付出多長時間你自己心裡就會有數了.至於UI的概念想必你去網上隨便搜尋一下會有很多.這些工作是必不可少的.所以我不會給你講一些概念的東西.大概說一下有哪幾方面需要準備的吧

1、軟體基礎.大概涉及的軟體有Photoshop、illustrater、sketch.AE.這是最基礎的幾款軟體,如果你想製作更炫酷的介面或者效果.後續還可以學c4d、principle、插畫等等的.反正這條路的每一個技能可以作為單獨的線來發展.前期可以學基礎的軟體就可以.後面根據自己的時間和專業的進步來逐步學習,這個可以很好的幫你突破瓶頸

2、審美基礎.相信大家對美的認識還是存在普遍性的,肯定能夠分辨出醜和美,關鍵是如何提升美的認知,那就是多看.各個方面的都可以看,只要美的東西.海報啊、電影畫面構圖等等的.但最主要的就是擼app,現在市面上成熟的app好看的app太多太多了,前期可以一天擼兩個.每個頁面點就是了,看就是了.第一感覺很重要.記錄下看到頁面的第一眼.覺得哪裡美好看就成了,一定要相信量變真的會發生質變的.這是最直接的提高審美的方法.

3、對齊.學會強迫自己,把所有的檔案或者東西弄的整整齊齊的.頁面乾乾淨淨的.這個很好養成.你用電腦做的任何東西找到對齊.相信我對齊也是一種美,不然你看看中國大閱兵那排面(曾經我也是軍人,嘎嘎嘎).

4、接下來就是實踐了.以上所有的工作內容,都要去做.真的有的人是眼高手低,能夠分辨美,但是做不出來.你要瘋狂的去臨摹,好的東西儲存下來,我至今看到好的頁面都會截圖.多拿出來看看.總有一天你做出來後,你再看這些東西.你都想刪掉.因為你會表達出來的東西都記在腦子裡.再讓你做個東西你大腦裡肯定就有很多記憶,自己就能出方案哈哈哈哈,(腦子是個好東西)

首先你要先學習一定的美術理論基礎，然後再學習相關的設計軟體操作基礎。建議可以到我要自學網或者是虎課網上學習！

首先你要知道UI設計包含哪些東西然後你要知道學UI要用到哪些軟體再然後你要知道UI設計可以應用的領域和從業方向最後你思考一下有沒有學下去的決心，如果堅持不了趁早放棄，學設計是很花費時間和金錢的，如果有看下去

正文來了

首先要先掌握工具的使用，ps、ai等。網上有很多課程，自己跟著課程一步步學習。軟體掌握差不多後，再去模仿設計一些banner，圖示，設計banner是培養設計的一些基本素質，例如色彩搭配，簡單排版，以及對軟體的深度瞭解。

接著就是，去模仿一些比較成熟的作品，最好是找一個自己熟悉的，把所有頁面都模仿下來，做到模仿3-5個客戶端作品，3-5個網頁作品。模仿之前要查詢好標準化尺寸，例如設計尺寸，狀態列，標籤欄，導航欄高度等，設計字型大小，ios，安卓設計的不同之處等（App設計），模仿過程中做到細節百分百還原。

最後就是多看優秀的作品，培養美感，這個是個長期的過程。

建議你選擇線上培訓

第一，選擇培訓機構，省去自己很多麻煩，不用自己規劃怎麼學習，該什麼時間學習什麼，哪些是重點，哪些要多花時間學習等等，培訓機構都會給你做好規劃。你只需要按照他們的規劃學習就是。

第二，培訓機構的老師都是帶過很多學生的，或多或少也是有經驗的，當然不排除那種坑人的培訓機構包裝老師很牛逼的。所以這個關於師資要自己擦亮眼睛去看看。有良心的培訓機構老師都還是有很多行業經驗的，在行業分析上有自己的見解，他們會利用自己的行業經驗去分析現在的設計行業需要什麼技能，從而針對性的教學。讓你少走好多彎路。

第三，培訓機構一般都會關注你從入學到工作這一時間段的所有關於學習的事情，自己鬆懈了有老師提醒，能夠一直保持比較好的學習狀態。所有，別看網上好多罵培訓機構的，那都是自己找的時候沒有找好。

下面是我這幾年經驗的總結和思考,雖然我並不算是最出類拔萃的UI設計師,但也希望對題主和其他新人有益。 -分割線-...

1、學習軟體知識包括掌握Photoshop、Axure、Illustrator、sketch、藍湖等常用軟體。另外，製作原型，介面，圖示製作，素材製作，切圖等等相關步驟的軟體都需學會。軟體是是設計師的基礎，新手剛入門可以先從這點入手。嫻熟的技法，是完美展現設計作品的必備條件，要熟練掌握好。

2、臨摹作品對於剛入門的UI設計師來說只要去相簿網站找一些素材，藉助工具進行修飾即可，其實這隻能鍛鍊你的借鑑能力，當你的技法嫻熟到一定程度，就可以嘗試臨摹。透過臨摹，一則用來強化技法層面的能力，二來也能提升初學者的創新能力。臨摹的內容，可以有兩方面選擇：一種是系統自帶的圖示，另一種則是行業牛人的設計作品，捉摸他們的設計風格、思想和細節，都能加深對設計的認識

3、掌握平面設計理論知識包括要掌握構圖、排版、色彩和圖形的基礎理論知識。學習的途徑毋庸置疑我們首選從書本獲得！

4、鍛鍊手繪能力。成為一個優秀的UI設計師需要一定的手繪能力，為什麼？首先，在紙上的動手能力比在軟體上完成較快速，效率有一定提升。另一方面，透過手繪，能突出自己創作的與眾不同，甚至能夠從“亂塗亂畫”中得到靈感。沒有美術基礎的小夥伴也不要太擔心，這些後天可以勤加練習彌補的。

5、學會尋找靈感找靈感其實也就是培養審美的能力，這點建議大家可以多逛一下設計網站。當你能知道什麼好看，什麼不好看，會排斥那些不好看的設計的時候，這時候你的品味就自然上升了。另外，看到不錯的設計要記得采集下來，但一定要學會整理分好自己的素材資料夾。這對於一個設計來說是非常重要的。