UI設計師應掌握的知識體系以及職業規劃！

4 人贊了文章

隨著移動互聯網的迅猛發展，使得移動產品設計人員急缺。由於高薪酬，很多其他行業設計師轉行做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）：

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

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

• 標誌設計
• 版式設計
• 字體設計
• 圖形設計
• 廣告設計
• 界面設計

2

很多人可能會問為什麼要說這個？不是要講UI？

首先，任何產品都是由團隊協作完成的。了解各個崗位的職責，有利於提高團隊協作效率。也有利於了解自己需要掌握的知識技能。

研發團隊由產品設計、技術開發兩個方面的崗位組成。產品設計人員包括產品經理、交互設計師、視覺設計師；技術開發人員包括前端、服務端、數據端、測試等方面的工程師。

看到這，很多人就覺得比較坑爹了。怎麼沒有UI設計師？！！！

上面說的分工方式是比較標準的崗位分配模式，由於國內行業發展不完善抑或是用人成本問題。

在國內，很多公司里是沒有單獨的交互設計師崗位的。

一種情況是由產品經理直接負責，需求和交互設計都是產品經理一個人，然後由視覺設計負責圖形界面設計（GUI）和其他美術資源的設計。

另一種情況是，產品經理負責需求，UI設計師（或交互設計師）負責交互設計和視覺設計。產品經理和ui設計師共同研究用戶體驗。

當然，在有交互設計師崗位的公司里：

這些一般都是較大公司，一般設置UE崗位來負責交互設計和用戶研究。產品經理和交互設計師都會考慮用戶體驗，所以產品經理有時也會參與到交互設計的環節，而且在產品需求設計的時候產品經理和交互設計師也有很多的工作重疊。

通過以上分析我們看出，產品經理和交互設計工作內容有重疊。交互設計和視覺設計工作內容也有重疊。

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

3

①視覺設計部分

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

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

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

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

• 平面構成；
• 色彩構成；
• 版式設計；
• 心理學；
• 美術繪畫；
• 設計意識。

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

《寫給大家看的設計書（第4版）》

作者: Robin Williams

出版社: 人民郵電出版社

《設計師要懂心理學》

作者: [美] Susan Weinschenk

出版社: 人民郵電出版社

《版式設計原理》

作者: （日）佐佐木剛士

出版社: 中國青年出版社

《每天懂一點色彩心理學》

作者: [日] 原田玲仁

出版社: 陝西師範大學出版社

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

• 了解用戶體驗設計、可用性原則；
• 信息挖掘、用戶調研、數據分析；
• 良好的邏輯能力；
• 心理學；
• 交互設計原則、不同平台的規範；
• 產品視覺感；
• 溝通能力。

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

《啟示錄：打造用戶喜愛的產品》

作者: [美] Marty Cagan

出版社: 華中科技大學出版社

《用戶體驗要素：以用戶為中心的產品設計》

作者: Jesse James Garrett

出版社: 機械工業出版社

《簡約至上 : 互動式設計四策略》

作者: [英] Giles Colborne

出版社: 人民郵電出版社

《About Face 4: 交互設計精髓》

作者: 【美】 Alan.cooper（艾倫.庫伯）

出版社: 電子工出版社

《設計心理學3 : 情感化設計》

作者: [美] 唐納德?A?諾曼 著

出版社: 中信出版社

4

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

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

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

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

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

5

常見問題

①視覺設計就是美工？

每當看到這句話，我的心裡就像有1萬頭草泥馬在狂奔！！！！！

不想當設計的美工不是好店長！！！

行業分工不同而已，行行出狀元。努力做好自己的工作才是重點。

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

② UI設計師需要會Axure么？

首先，你要明白交互設計不是Axure操作員。

交互設計不等於使用Axure設計原型中的交互界面！

大家要清醒認識Axure在產品設計中的位置！

交互設計的出發點在於研究人在和物交流（dialog）時候，人的心理模式和行為模式，並在此研究基礎上，設計人工物的可提供的交互方式，來滿足人對使用人工物的三個層次的需求（usefulness，usability，and emotionality）。從這個角度看來，交互設計是設計方法，而界面設計是交互設計的自然結果。

交互設計的步驟包括：

• 用戶調研
• 概念設計
• 創建用戶模型
• 創建界面流程
• 開發原型並進行可用性測試

很顯然，使用Axure設計快速原型，應該放在交互設計的整體工作結束後，也就是框架層設計時進行。

所以，Axure只是一個工具。在產品結構層設計的時候，最好的設計工具就是你的大腦和鉛筆。

當你做一個產品的信息架構時，用鉛筆畫出的信息架構和界面流程草圖會比軟體做的更加直觀、形象。

3UI設計師需要會代碼嗎？

在小公司，還有就是傳統的軟體外包企業（如用友和軟通動力），這樣的公司往往需要UI設計會點XHTML+CSS。

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

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

4 產品經理和交互設計師的區別？

產品經理需要懂交互， 但交互設計師不等同於產品經理。

產品經理更側重於用戶需求開發。

交互設計師更了解用戶行為習慣，了解用戶體驗。