一份清晰詳盡的設計師分工指南
阿新 • • 發佈：2019-02-14
設計是一個相當廣義而模糊的術語。當有人說“我是一個設計師”時，你很難知道他每天做些什麼。設計涵蓋了多領域和多職責，從工業設計（汽車、傢俱）到印刷設計（雜誌，其他出版物），再到科技行業（網站，手機應用），隨處可見不同職責的設計師。而隨著科技公司不斷地湧入人機互動領域，應運而生了許多新的設計師角色 —— UI設計師、UX設計師、視覺設計師、互動設計師、GUI設計師等。這麼多相似的名字，你是否也跟我一樣陷入傻傻分不清的迷霧中？下面就讓我們一起撥開迷霧，重新認識這些新型設計師們吧。
本篇介紹的設計師有：
UX設計師/互動設計師
視覺設計師：UI/GUI設計師；平面設計師
互動設計師（動效設計師）
產品設計師
使用者研究工程師（使用者研究專員）
UX設計師 / 互動設計師
UX ，英文為 User Experience ,指的是使用者體驗。一般而言，國內 UX 設計師，也稱為互動設計師或 UE 設計師（而國外的 UX 設計師指的是使用者體驗設計師，互動設計師指的是動效設計師）。UX 設計師主要關注使用者對產品的體驗感受，確保產品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個人眼裡有一千個哈姆雷特，一個設計問題往往也沒有唯一解。UX 設計師會深入場景，探索多種不同的解決方案，這種深入思考通常能產生創新方案。一般而言，UX設計師使用一些使用者研究方法 & 設計方法作為輔助，通過現場觀察、可用性測試、使用者訪談等使用者研究方法瞭解使用者使用行為，發現產品體驗問題。說到這裡，會發現國外 UX 設計師也在做用研，有木有？ 而國內這一點上其實除了有完整 UED 設計部門的較大網際網路公司（分工比較明確，UX 設計師很少會去做訪談相關內容，普遍都是用研童鞋來負責這一部分），創業公司和設計諮詢公司中的 UX 設計師基本上也都會兼顧用研；UX 設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點，向著創造出“最好的”使用者體驗目標而前進，典型案例就是為新使用者設計一套令人愉悅的登入流程。總的來講，UX設計師是設計人與資訊產品的流程和關係，歸根結底都要研究人、事、物的聯絡，它是一個囊括計算機工程、心理學、設計的交叉學科。“進行利益相關者訪談、使用者訪談，挖掘使用者需求，提煉使用者任務流；完整體驗不同產品，挖掘互動設計模式，設計互動模式，撰寫互動設計稿，並最終形成互動設計規範/UIspec；跟進視覺設計和開發，確保產品正常上線” 這可能就是UX設計師日常事項。對於UX設計師，你可能會聽到他們很自然的說：“我們應該在使用者登入成功後展示一個感謝頁面。”
設計產出物 ：流程圖，網站地圖，故事版，互動設計原型圖（線框圖），UIspec ，互動設計規範
工具：axure，OmniGraffle，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop
視覺設計師
說起視覺設計師，通常會聯想到“扣畫素”的處女座，相比於UX設計師梳理流程、組織資訊架構等內容，他們更在意精美的圖示、按鈕等視覺元素以及合適的排版。視覺設計師經常在 Photoshop 中 4x 到 8x 的縮放級別中操作，細緻刻畫容易忽略的小細節。一般國內而言，諸如UI設計師、GUI設計師、運營設計師、平面設計師等名稱各異的設計師頭銜，在不同場合也都被稱為視覺設計師。聽到這裡，是不是已經開始迷失在這些形形色色的概念裡呢，下面就讓我一一來解密這些設計師吧。
1. UI 設計師 / GUI設計師
UI，英文為User Interface，指的是使用者介面，也就是人與機器互動的介面。可以理解為UX的一個分支，不同於 UX 設計師需要關注產品的整體感覺，UI 設計師更關注產品以怎樣的介面呈現。其實網際網路領域中，UI 和 UX 設計師的界限相當模糊，在很多創業公司，這兩個設計角色是合二為一的。國內而言，目前一般把螢幕上顯示的圖形使用者介面（GUI ：Graphic User Interface）都簡單稱為UI。我們經常聽到的UI設計師，其實指的是GUI設計師，也就是圖形介面視覺設計師，負責產品或網站的圖形、圖示、色彩、視覺風格等，決定營造出什麼樣的視覺體驗。從視覺層面把控產品介面設計，確保UI稿在視覺上清晰的傳達UX設計師的互動設計稿，也就是高保真視覺稿。舉個栗子，在設計一個數據分析介面時， UI 設計師可以決定使用滑塊還是控制旋鈕，通過這樣的控制元件來闡述圖表帶來的直觀感受。此外 UI 設計師還負責制定視覺設計規範，確保產品設計的一致性；在規範中，明確一些UI 控制元件/元件的使用行為，比如錯誤或警告提示。“熟悉不同解析度的多端產品，諸如桌面端，Web 端和手機裝置；能夠完成高質量的視覺設計稿——從概念設計確定設計風格到詳細設計，設計內容包括圖示、圖形介面等；執行統一的設計語言，撰寫並完善網站的設計規範，為產品注入美和生活氣息。” 這可能就是UI設計師日常事項啦。對於UI設計師，你可能會聽到他們很自然的說：“登入和註冊連結應該移到右上角”、“這個字距不行，那個按鈕應該向左移動 1 畫素！”
設計產出物 ：視覺設計稿，視覺設計標註規範 ，視覺設計規範文件，視覺切圖
工具：Photoshop，Sketch，Illustrator，Fireworks，markman（視覺標註軟體）
2. 平面設計師
平面設計師，應該可以說是設計師的起源，經常被稱為美工，有時冠以品牌設計師或運營設計師頭銜。在UI設計師、UX設計師等新興設計頭銜誕生前，視覺設計師其實等同於平面設計師。平面設計師從事的設計專案，具體來講包含網頁設計、包裝設計、DM廣告設計、海報設計、平面媒體廣告設計、POP廣告設計、樣本設計、書籍設計、刊物設計、VI設計等，也就是各個行業都需要平面設計師，以達到提升品牌形象等作用。逼格點說，平面設計師骨子裡就是玩意境的~~近年來由於網際網路催生的UI設計師熱潮，越來越多的平面設計師轉行為UI設計師。因為初級的UI就是平面設計的一個延續，再加上扁平化風格的流行趨勢，真真是對了平面設計師的技能樹，要知道平面設計師對於顏色、造型、排版等都是熟手中的熟手。但需要注意的是平面設計師的設計——logo、海報等，更偏情感創意類，往往是天馬行空的視覺創意思維，更強調感性，通過設計讓使用者產生情感觸動，提升品牌價值；而UI設計師的設計——更偏向於產品類，基於使用者需求，根據目標使用者的喜好，探索設計風格，進行介面佈局，歸根到底UI設計師兼顧感性的同時更偏理性，通過解決問題獲取更好地體驗。因此建議想轉行的平面設計師可以瞭解一些關於介面、產品等入門知識，諸如ios\Android的各種設計規範、移動應用UI設計模式、about face 3等；也可以多多把玩手機中的有趣應用，試著理解分析下。
互動設計師（動效設計師）
每次說起互動設計師，我都無比糾結該怎麼說明，英文是interaction designer，是不是覺得也可以翻譯為互動設計師呢，是不是又陷入了傻傻分不清的迷霧呢。 我覺得產生這個疑問的原因，其實是國內國外行情的不同，在國外interaction designer 真的就是互動設計師，而不是國內翻譯過來理解的互動設計師，而國內我們經常說的互動設計師其實在國外被稱為UX設計師。感覺自己又繞進去啦，你明白了嗎？下面還是以實際案例來闡述什麼是互動設計師吧，至於什麼是國內的互動設計師詳情可看“UX設計師”段落。
重新整理 iPhone 手機郵箱應用時，還記得那個流暢平滑的轉場動效嗎？它就是出自互動設計師之手。不同於視覺設計師設計靜態介面元素，互動設計師擅長將創意概念轉化為有視覺衝擊力的互動作品，比如用流暢動效，模擬使用者操作介面過程。舉個例子，一個應用的選單怎樣滑入、使用哪種轉場效果以及按鈕如何調起，互動設計師將其概念實現為有視覺衝擊力的互動模型。“精通圖形設計、動態圖形和數字藝術；對排版和色彩高度敏感；對材質和結構有所瞭解，並能夠控制動態效果；瞭解 iOS，OS X，Photoshop 和 Illustrator ，同時能夠熟練使用 Director（或同類工具），Quartz Composer（或同類工具），3D 計算模型進行動效圖形設計”這可能就是成為互動設計師的必備技能了
對於互動設計師，你可能會聽到他們很自然的說：“這個選單應該從左側淡入，時間為 800ms。”
設計產出物：互動作品，諸如gif格式圖片、視訊等
工具：AfterEffects，Quartz Composer，Flash，Origami
產品設計師
產品設計師又是一個寬泛的名詞，顧名思義就是設計產品的，根據實際的使用者/商業需求，設計實體/網際網路等各類產品，以滿足相應的使用者/商業需求、解決對應的問題。也就是說網際網路之前，產品設計師普遍研究人與環境的關係，提煉需求，設計實體產品，如傢俱產品、日用品等；而隨著網際網路浪潮來臨，網際網路領域的產品設計師，更多設計的是虛擬網際網路產品，如網頁、APP等。下面主要介紹網際網路領域的產品設計師。簡單來講，產品設計師就是一個需要為產品視覺和體驗整體負責的設計師。他的角色不易確定，並且不同的公司存在差異性。一個產品設計師可能會做少量的前端工作，組織使用者研究，設計使用者介面並且繪製視覺元素。由始至終，產品設計師都需明確待解決的問題，提出解決方案，然後設計、開發、測試，並不斷迭代更新。一些公司希望保證不同的設計角色之間可以流暢協作，所以設定了“產品設計師”這個職位來激勵整個設計團隊保持整體的使用者體驗，包括使用者研究、互動設計以及視覺設計。但其實大部分公司使用“UX 設計師”，甚至於僅使用“設計師”作為統稱。有時候簡單瞭解職位描述，可以讓你更容易理解公司中設計團隊是如何劃分職責的。總的來講，產品設計師負責各個方面的體驗設計工作：用研、互動、視覺，確保能夠製作精確到畫素的高保真原型，並且推動開發Web和移動端的新功能。
設計產出物：網際網路時代前：傢俱產品、日用品等；網際網路浪潮來臨：網頁、APP
使用者研究工程師（使用者研究專員）
“用研是使用者需求的捍衛者。”
用研的目標是回答這兩個緊密相關的問題：“你的使用者是哪些？ 你的使用者需求是什麼？”。通常，用研需要訪談使用者，挖掘龐大的商業資料，收集並整理在其中的發現，如可用性測試、焦點小組、資料分析等。我們都知道設計是一個持續迭代的過程，所以用研們通過組織A/B 測試來篩選更符合使用者需求的設計方案。一般而言，用研通常都是大公司的支柱，因為在大公司中才可以接觸到足量的資料，有充足的機會統計顯著的結論。使用者研究員，通常與產品團隊共同明確調查目標；設計研究方案，設法瞭解使用者行為與態度；能夠使用大量的定性研究和少量的定量研究（比如調查問卷）來組織使用者研究。UX 設計師偶爾也會兼顧下用研的角色的。你可能會聽到他們很自然的說：“從我們的調查可以看出，一個典型使用者應該blabla。”
研究產出物：使用者畫像，A/B 測試報告，可用性測試報告，專家評估報告，焦點小組報告，使用者訪談報告，資料分析報告等
工具：Mic，Paper，Docs，PPT，Keynote，Excel，SPSS
此文為兩位譯者根據原文，結合國內實際情況修改、整理出的成果，較原文有較大改動。
原文作者：Lo Min Ming
翻譯來自公眾號：特贊Tezign
本篇介紹的設計師有：
UX設計師/互動設計師
視覺設計師：UI/GUI設計師；平面設計師
互動設計師（動效設計師）
產品設計師
使用者研究工程師（使用者研究專員）
UX設計師 / 互動設計師
UX ，英文為 User Experience ,指的是使用者體驗。一般而言，國內 UX 設計師，也稱為互動設計師或 UE 設計師（而國外的 UX 設計師指的是使用者體驗設計師，互動設計師指的是動效設計師）。UX 設計師主要關注使用者對產品的體驗感受，確保產品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個人眼裡有一千個哈姆雷特，一個設計問題往往也沒有唯一解。UX 設計師會深入場景，探索多種不同的解決方案，這種深入思考通常能產生創新方案。一般而言，UX設計師使用一些使用者研究方法 & 設計方法作為輔助，通過現場觀察、可用性測試、使用者訪談等使用者研究方法瞭解使用者使用行為，發現產品體驗問題。說到這裡，會發現國外 UX 設計師也在做用研，有木有？ 而國內這一點上其實除了有完整 UED 設計部門的較大網際網路公司（分工比較明確，UX 設計師很少會去做訪談相關內容，普遍都是用研童鞋來負責這一部分），創業公司和設計諮詢公司中的 UX 設計師基本上也都會兼顧用研；UX 設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點，向著創造出“最好的”使用者體驗目標而前進，典型案例就是為新使用者設計一套令人愉悅的登入流程。總的來講，UX設計師是設計人與資訊產品的流程和關係，歸根結底都要研究人、事、物的聯絡，它是一個囊括計算機工程、心理學、設計的交叉學科。“進行利益相關者訪談、使用者訪談，挖掘使用者需求，提煉使用者任務流；完整體驗不同產品，挖掘互動設計模式，設計互動模式，撰寫互動設計稿，並最終形成互動設計規範/UIspec；跟進視覺設計和開發，確保產品正常上線” 這可能就是UX設計師日常事項。對於UX設計師，你可能會聽到他們很自然的說：“我們應該在使用者登入成功後展示一個感謝頁面。”
設計產出物 ：流程圖，網站地圖，故事版，互動設計原型圖（線框圖），UIspec ，互動設計規範
工具：axure，OmniGraffle，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop
視覺設計師
說起視覺設計師，通常會聯想到“扣畫素”的處女座，相比於UX設計師梳理流程、組織資訊架構等內容，他們更在意精美的圖示、按鈕等視覺元素以及合適的排版。視覺設計師經常在 Photoshop 中 4x 到 8x 的縮放級別中操作，細緻刻畫容易忽略的小細節。一般國內而言，諸如UI設計師、GUI設計師、運營設計師、平面設計師等名稱各異的設計師頭銜，在不同場合也都被稱為視覺設計師。聽到這裡，是不是已經開始迷失在這些形形色色的概念裡呢，下面就讓我一一來解密這些設計師吧。
1. UI 設計師 / GUI設計師
UI，英文為User Interface，指的是使用者介面，也就是人與機器互動的介面。可以理解為UX的一個分支，不同於 UX 設計師需要關注產品的整體感覺，UI 設計師更關注產品以怎樣的介面呈現。其實網際網路領域中，UI 和 UX 設計師的界限相當模糊，在很多創業公司，這兩個設計角色是合二為一的。國內而言，目前一般把螢幕上顯示的圖形使用者介面（GUI ：Graphic User Interface）都簡單稱為UI。我們經常聽到的UI設計師，其實指的是GUI設計師，也就是圖形介面視覺設計師，負責產品或網站的圖形、圖示、色彩、視覺風格等，決定營造出什麼樣的視覺體驗。從視覺層面把控產品介面設計，確保UI稿在視覺上清晰的傳達UX設計師的互動設計稿，也就是高保真視覺稿。舉個栗子，在設計一個數據分析介面時， UI 設計師可以決定使用滑塊還是控制旋鈕，通過這樣的控制元件來闡述圖表帶來的直觀感受。此外 UI 設計師還負責制定視覺設計規範，確保產品設計的一致性；在規範中，明確一些UI 控制元件/元件的使用行為，比如錯誤或警告提示。“熟悉不同解析度的多端產品，諸如桌面端，Web 端和手機裝置；能夠完成高質量的視覺設計稿——從概念設計確定設計風格到詳細設計，設計內容包括圖示、圖形介面等；執行統一的設計語言，撰寫並完善網站的設計規範，為產品注入美和生活氣息。” 這可能就是UI設計師日常事項啦。對於UI設計師，你可能會聽到他們很自然的說：“登入和註冊連結應該移到右上角”、“這個字距不行，那個按鈕應該向左移動 1 畫素！”
設計產出物 ：視覺設計稿，視覺設計標註規範 ，視覺設計規範文件，視覺切圖
工具：Photoshop，Sketch，Illustrator，Fireworks，markman（視覺標註軟體）
2. 平面設計師
平面設計師，應該可以說是設計師的起源，經常被稱為美工，有時冠以品牌設計師或運營設計師頭銜。在UI設計師、UX設計師等新興設計頭銜誕生前，視覺設計師其實等同於平面設計師。平面設計師從事的設計專案，具體來講包含網頁設計、包裝設計、DM廣告設計、海報設計、平面媒體廣告設計、POP廣告設計、樣本設計、書籍設計、刊物設計、VI設計等，也就是各個行業都需要平面設計師，以達到提升品牌形象等作用。逼格點說，平面設計師骨子裡就是玩意境的~~近年來由於網際網路催生的UI設計師熱潮，越來越多的平面設計師轉行為UI設計師。因為初級的UI就是平面設計的一個延續，再加上扁平化風格的流行趨勢，真真是對了平面設計師的技能樹，要知道平面設計師對於顏色、造型、排版等都是熟手中的熟手。但需要注意的是平面設計師的設計——logo、海報等，更偏情感創意類，往往是天馬行空的視覺創意思維，更強調感性，通過設計讓使用者產生情感觸動，提升品牌價值；而UI設計師的設計——更偏向於產品類，基於使用者需求，根據目標使用者的喜好，探索設計風格，進行介面佈局，歸根到底UI設計師兼顧感性的同時更偏理性，通過解決問題獲取更好地體驗。因此建議想轉行的平面設計師可以瞭解一些關於介面、產品等入門知識，諸如ios\Android的各種設計規範、移動應用UI設計模式、about face 3等；也可以多多把玩手機中的有趣應用，試著理解分析下。
互動設計師（動效設計師）
每次說起互動設計師，我都無比糾結該怎麼說明，英文是interaction designer，是不是覺得也可以翻譯為互動設計師呢，是不是又陷入了傻傻分不清的迷霧呢。 我覺得產生這個疑問的原因，其實是國內國外行情的不同，在國外interaction designer 真的就是互動設計師，而不是國內翻譯過來理解的互動設計師，而國內我們經常說的互動設計師其實在國外被稱為UX設計師。感覺自己又繞進去啦，你明白了嗎？下面還是以實際案例來闡述什麼是互動設計師吧，至於什麼是國內的互動設計師詳情可看“UX設計師”段落。
重新整理 iPhone 手機郵箱應用時，還記得那個流暢平滑的轉場動效嗎？它就是出自互動設計師之手。不同於視覺設計師設計靜態介面元素，互動設計師擅長將創意概念轉化為有視覺衝擊力的互動作品，比如用流暢動效，模擬使用者操作介面過程。舉個例子，一個應用的選單怎樣滑入、使用哪種轉場效果以及按鈕如何調起，互動設計師將其概念實現為有視覺衝擊力的互動模型。“精通圖形設計、動態圖形和數字藝術；對排版和色彩高度敏感；對材質和結構有所瞭解，並能夠控制動態效果；瞭解 iOS，OS X，Photoshop 和 Illustrator ，同時能夠熟練使用 Director（或同類工具），Quartz Composer（或同類工具），3D 計算模型進行動效圖形設計”這可能就是成為互動設計師的必備技能了
對於互動設計師，你可能會聽到他們很自然的說：“這個選單應該從左側淡入，時間為 800ms。”
設計產出物：互動作品，諸如gif格式圖片、視訊等
工具：AfterEffects，Quartz Composer，Flash，Origami
產品設計師
產品設計師又是一個寬泛的名詞，顧名思義就是設計產品的，根據實際的使用者/商業需求，設計實體/網際網路等各類產品，以滿足相應的使用者/商業需求、解決對應的問題。也就是說網際網路之前，產品設計師普遍研究人與環境的關係，提煉需求，設計實體產品，如傢俱產品、日用品等；而隨著網際網路浪潮來臨，網際網路領域的產品設計師，更多設計的是虛擬網際網路產品，如網頁、APP等。下面主要介紹網際網路領域的產品設計師。簡單來講，產品設計師就是一個需要為產品視覺和體驗整體負責的設計師。他的角色不易確定，並且不同的公司存在差異性。一個產品設計師可能會做少量的前端工作，組織使用者研究，設計使用者介面並且繪製視覺元素。由始至終，產品設計師都需明確待解決的問題，提出解決方案，然後設計、開發、測試，並不斷迭代更新。一些公司希望保證不同的設計角色之間可以流暢協作，所以設定了“產品設計師”這個職位來激勵整個設計團隊保持整體的使用者體驗，包括使用者研究、互動設計以及視覺設計。但其實大部分公司使用“UX 設計師”，甚至於僅使用“設計師”作為統稱。有時候簡單瞭解職位描述，可以讓你更容易理解公司中設計團隊是如何劃分職責的。總的來講，產品設計師負責各個方面的體驗設計工作：用研、互動、視覺，確保能夠製作精確到畫素的高保真原型，並且推動開發Web和移動端的新功能。
設計產出物：網際網路時代前：傢俱產品、日用品等；網際網路浪潮來臨：網頁、APP
使用者研究工程師（使用者研究專員）
“用研是使用者需求的捍衛者。”
用研的目標是回答這兩個緊密相關的問題：“你的使用者是哪些？ 你的使用者需求是什麼？”。通常，用研需要訪談使用者，挖掘龐大的商業資料，收集並整理在其中的發現，如可用性測試、焦點小組、資料分析等。我們都知道設計是一個持續迭代的過程，所以用研們通過組織A/B 測試來篩選更符合使用者需求的設計方案。一般而言，用研通常都是大公司的支柱，因為在大公司中才可以接觸到足量的資料，有充足的機會統計顯著的結論。使用者研究員，通常與產品團隊共同明確調查目標；設計研究方案，設法瞭解使用者行為與態度；能夠使用大量的定性研究和少量的定量研究（比如調查問卷）來組織使用者研究。UX 設計師偶爾也會兼顧下用研的角色的。你可能會聽到他們很自然的說：“從我們的調查可以看出，一個典型使用者應該blabla。”
研究產出物：使用者畫像，A/B 測試報告，可用性測試報告，專家評估報告，焦點小組報告，使用者訪談報告，資料分析報告等
工具：Mic，Paper，Docs，PPT，Keynote，Excel，SPSS
此文為兩位譯者根據原文，結合國內實際情況修改、整理出的成果，較原文有較大改動。
原文作者：Lo Min Ming
翻譯來自公眾號：特贊Tezign