原型設計在日常的軟體開發過程中是必不可少的，不管是UI還是UX設計師，很多工作都會涉及到原型設計。那麼這兩類設計師在設計原型的時候表現出了哪些的不同點呢？今天就讓我們來討論一下，先說說我發現的3個不同：

1. 關注的核心

UI和UX設計師在原型設計過程中最大的不同，就是他們對於原型理解的不同。對於很多UI設計師來說，原型往往是高保真的，類似甚至超過現實的應用程式，有一種“寫實”的效果。但是對於UX設計師來說，保真程度確實是需要考慮的一個方面，但更多的因素實際上是來自於邏輯的設計。說的簡單一點，當你要去見客戶的時候，我建議你可以帶上UI設計師設計的原型；當你要去和開發人員溝通交流意見的時候，你最好還是帶上UX設計師的原型。產生這種原因的結果其實也很簡單，因為UI更多的是在做前端的介面設計，而UX則是更靠後，需要首先理清產品的思路。

2. 色彩的使用

由於UI和UX設計師的關注點不同，這也就導致了他們在原型設計中對色彩的使用是不相同的。UI設計師們往往是使用已經設計好的影象來進行原型的建立，這個影象應該會更加具有現實的影子。而UX設計師在設計原型的時候，基本是不會有這麼絢爛多彩的顏色的，他們的原型中的顏色可能只會在三種左右：黑、白、灰。這類差異尤其體現在圖示設計和使用上。比如，在製作底部導航欄的時候，UI設計師會精雕細琢，將每一個按鈕的顏色、點選後產生的變化都展現出來；但UX設計師可能就會大相徑庭，他們也許只會把按鈕放在那裡，並且留下一行文字：點選變暗。

3. 工具的選擇

既然UI和UX設計師們在關注點和色彩的使用上存在著差別，那麼他們在原型設計工具的選擇上肯定也是不一樣的。對於UI設計師來說，能夠直接在原型設計中使用他們製作好的圖片是一件非常美好的事情。因此，Flinto和Principle這類“長在”Sketch上的

UX設計師恐怕就不會喜歡這類的工具了，線框圖起手的他們會更加在意自己的效率和時間。而這一類工具在數量上還是很多的，比如簡單可視的Mockplus、靜態手繪風格的Balsamiq、功能相對齊全的Axure。而且Mockplus在原型測試上還有一個比較獨特的優勢，那就是它有超多的測試和預覽的方法。

UI和UX設計師之間的不同還有很多，這裡只是在原型設計的方面舉了三個小例子。當然，這兩種設計師之間還存在著很大的差異，有時間的話，可以看看《》，瞭解更多關於UI和UX設計師之間的差別。

題外的話

寫到這裡，我其實想說點題外的東西：我們這裡討論的是“原型設計”，但是似乎有個問題：UI設計的東西（主要是視覺圖），是否可以稱為“原型”？再思考一步，什麼是“原型”？“原型”的含義究竟是什麼？線框？互動動效？視覺圖？PRD文件？流程圖？是這些的所有，還是其中的幾個？

如果你對這個話題有興趣，請隨時評論留言聯絡我。