最近，有很多小伙伴在后臺向小編咨詢學習 UI 設計，詢問 UI 設計該怎樣學。本文詳細總結了UI設計領域，需要掌握的知識體系。對于想要進入這個領域的小伙伴來說，更像是一張地圖。希望能幫到新入行設計的人！

1.首先要分清幾個術語

UI (User Interface)：用戶界面

IxD（Interaction Design）：交互設計或互動設計

UE或UX (User Experience)：用戶體驗

UED (User-Experience Design)：用戶體驗設計

UCD (User-Centered Design)：以用戶為中心的設計

PM（Product Manager）：產品經理

視覺設計（Visual Design)

詳細解釋：

UI (User Interface)：

即用戶界面 。UI設計其實是個比較籠統的叫法，是指軟件的人機交互、操作邏輯、界面美觀的整體設計。它包含了交互設計和視覺設計2個方面。

一個合格的UI設計師不僅要能設計出美觀的界面，還要能最大限度提升用戶操作的效率，通過色調影響用戶的操作習慣，用顏色或圖形明確產品功能/內容的主次和展示，降低用戶的操作負擔！

由此可見，想要做好UI設計，視覺設計知識和交互設計知識都是必須掌握的！

IxD（Interaction Design）：

交互設計或互動設計。通俗來說就是設計軟件和用戶的互動方式，通過了解用戶需求、目標，使用有效的互動方式讓整個過程可用，并且要易用。再直白一點，就是解決軟件如何使用。

UE或UX (User Experience)：

用戶體驗。用戶體驗主要是來自用戶和人機界面的交互過程。

它是指用戶使用一個產品時的全部體驗。他們的印象和感覺，是否成功，是否享受，是否還想再來使用。他們能夠忍受的問題，疑惑和BUG的程度。

產品經理（Product Manager）：

就是企業中專門負責產品管理的職位，產品經理負責調查并根據用戶的需求，確定開發何種產品，選擇何種技術、商業模式等。并推動相應產品的開發組織，Ta還要根據產品的生命周期，協調研發、營銷、運營等，確定和組織實施相應的產品策略，以及其他一系列相關的產品管理活動。

視覺設計（Visual Design）：

視覺設計也是個比較籠統的概念。是以“視覺”作為溝通和表現的方式，透過多種方式來創造和結合符號、圖片和文字，借此作出用來傳達想法或訊息的視覺表現。

在互聯網領域的視覺設計師主要要具備以下能力：

·標志設計

·版式設計

·字體設計

·圖形設計

·廣告設計

·界面設計

一般做UI設計最好具備視覺設計和交互設計兩個方面的知識體系。

2.知識架構

①.視覺設計部分

首先，視覺設計不僅僅是做ICON，做界面或者界面元素。

很多人認為，如果去互聯網公司做視覺方向ui設計，只會簡單做圖標、界面就OK。這是極其幼稚的想法。

一般公司如果花錢雇專職視覺設計師的話，那么整個公司的美術設計工作一般都會給視覺設計做。這就要求你幾乎精通平面設計師所會的所有知識。

所以，如果你想今后在視覺領域混，那么以下幾項技能必不可少：

·平面構成；

·色彩構成；

·版式設計；

·心理學；

·美術繪畫；

·設計意識。

如果是這一部分的知識需要學習，給大家安利幾本基礎的設計書 ▼

《寫給大家看的設計書（第4版）》 作者: Robin Williams

《設計師要懂心理學》 作者: [美] Susan Weinschenk

《版式設計原理》 作者: （日）佐佐木剛士

《每天懂一點色彩心理學》 作者: [日] 原田玲仁

②.交互設計師應該具備的基本能力

·了解用戶體驗設計、可用性原則；

·信息挖掘、用戶調研、數據分析；

·良好的邏輯能力；

·心理學；

·交互設計原則、不同平臺的規范；

·產品視覺感；

·溝通能力。

如果是這一部分的知識需要學習，給大家推薦一些與交互、體驗和產品相關的經典書 ▼

《啟示錄：打造用戶喜愛的產品》 作者: [美] Marty Cagan

《用戶體驗要素：以用戶為中心的產品設計》 作者: Jesse James Garrett

《簡約至上 : 交互式設計四策略》 作者: [英] Giles Colborne

《About Face 4: 交互設計精髓》 作者: 【美】 Alan.cooper

《設計心理學3 : 情感化設計》 作者: [美] 唐納德·A·諾曼

3.職業規劃

由于UI設計、交互設計、產品經理工作內容關聯性比較強，而且有部分交集，很多UI設計師選擇UI→交互設計→產品經理這個發展路線。

但是大家要明白，這3個崗位畢竟是3個不同的方向，每個方向需要的專業能力還是很大不同的。最終選擇怎么發展還是要看自己的興趣。

很多人認為產品經理工資高，想從UI轉產品。這個也要看公司，一線公司UI設計師一般都15K＋了，但小公司的的產品經理也就12K。只是行業分工不同，沒有高低貴賤。

即使你只想做視覺設計，也不是沒有發展的。國內一線修圖師，一張圖價格3K起。而普通修圖師，一個月也掙不了這么多。

所以無論做視覺、交互、還是產品經理，一是要看自己適不適合；二是要看自己的興趣。不要盲目跟風！

4.常見問題

①.視覺設計就是美工？

每當看到這句話，是不是心里就像有1萬頭草泥馬在狂奔！！！！！不想當設計的美工不是好店長！！！行業分工不同而已，行行出狀元。努力做好自己的工作才是重點。

一般情況一個合格的設計師，如果在一線城市，工資不會低于9K。這要看能力，大部分人拉后腿，是因為自己根本不合格！所以即使你換個行業，不努力，照樣不會改變現狀！

②：學習UI設計是否需要美術基礎？

什么是美術基礎呢？美術基礎是指上過正規設計學院或參加過美術培訓系統班或者從小就學習過素描色彩等知識的人。這種人對于透視，構圖，明度，色彩方面都有一定的認識，在進行UI設計時，能夠有一定的幫助。但并不是說沒有美術基礎的人就不能學好UI設計。因為UI設計對美術基礎的要求很低，只需要簡單的認識，起到輔助設計的作用即可，能夠通過后期的學習提高。

③.UI設計師需要會代碼嗎？

在小公司，還有就是傳統的軟件外包企業，這樣的公司往往需要UI設計會點XHTML+CSS。

但現在大部分互聯網公司已經有專職的前端了，不需要會代碼。

并且熟悉XHTML+CSS只需要2周左右，所以學不學看你自己定位！

④.學習UI設計有哪些途徑？

◇公司實習。（不過一般公司都要求大專以上，且掌握基礎的軟件及相關的設計知識，能夠提公相關作品者更佳）

◇自學。這種方式主要靠自己摸索，進度會比較慢，不夠系統，而且很多人都難以堅持，學習難度系數大。

◇大學學校學習。這種方式學習的比較基礎，很多實用技巧學習不到。

◇培訓班學習。這種方式學習時間短，學習的效率高。

培訓班分為線上和線下2種，線上學費相對便宜一些，不過對于自控能力要求會高一些。線下學習，學費相對于來說貴一些，但是學習效率高，容易堅持下來。

⑤UI設計做的不好怎么辦？

這個世界一般都沒有什么捷徑，唯一的方式就是多練習，多思考，多學習，多交流。努力的人運氣一般都不會太差的。

你最近打算學UI設計嗎？是否擔心自己學不會而猶豫不決？是否因為培訓機構太多，不知如何選擇？沒關系，來云和教育找專業老師聊一聊，或許會幫你找到方向！