原型設(shè)計(jì)在日常的軟件開發(fā)過程中是必不可少的，不管是UI還是UX設(shè)計(jì)師，很多工作都會(huì)涉及到原型設(shè)計(jì)。那么這兩類設(shè)計(jì)師在設(shè)計(jì)原型的時(shí)候表現(xiàn)出了哪些的不同點(diǎn)呢？今天就讓我們來討論一下，先說說我發(fā)現(xiàn)的3個(gè)不同。

1. 關(guān)注的核心

UI和UX設(shè)計(jì)師在原型設(shè)計(jì)過程中最大的不同，就是他們對(duì)于原型理解的不同。對(duì)于很多UI設(shè)計(jì)師來說，原型往往是高保真的，類似甚至超過現(xiàn)實(shí)的應(yīng)用程序，有一種“寫實(shí)”的效果。但是對(duì)于UX設(shè)計(jì)師來說，保真程度確實(shí)是需要考慮的一個(gè)方面，但更多的因素實(shí)際上是來自于邏輯的設(shè)計(jì)。說的簡(jiǎn)單一點(diǎn)，當(dāng)你要去見客戶的時(shí)候，我建議你可以帶上UI設(shè)計(jì)師設(shè)計(jì)的原型；當(dāng)你要去和開發(fā)人員溝通交流意見的時(shí)候，你最好還是帶上UX設(shè)計(jì)師的原型。產(chǎn)生這種原因的結(jié)果其實(shí)也很簡(jiǎn)單，因?yàn)閁I更多的是在做前端的界面設(shè)計(jì)，而UX則是更靠后，需要首先理清產(chǎn)品的思路。

2. 色彩的使用

由于UI和UX設(shè)計(jì)師的關(guān)注點(diǎn)不同，這也就導(dǎo)致了他們?cè)?a target="_blank">原型設(shè)計(jì)中對(duì)色彩的使用是不相同的。UI設(shè)計(jì)師們往往是使用已經(jīng)設(shè)計(jì)好的圖像來進(jìn)行原型的創(chuàng)建，這個(gè)圖像應(yīng)該會(huì)更加具有現(xiàn)實(shí)的影子。而UX設(shè)計(jì)師在設(shè)計(jì)原型的時(shí)候，基本是不會(huì)有這么絢爛多彩的顏色的，他們的原型中的顏色可能只會(huì)在三種左右：黑、白、灰。這類差異尤其體現(xiàn)在圖標(biāo)設(shè)計(jì)和使用上。比如，在制作底部導(dǎo)航欄的時(shí)候，UI設(shè)計(jì)師會(huì)精雕細(xì)琢，將每一個(gè)按鈕的顏色、點(diǎn)擊后產(chǎn)生的變化都展現(xiàn)出來；但UX設(shè)計(jì)師可能就會(huì)大相徑庭，他們也許只會(huì)把按鈕放在那里，并且留下一行文字：點(diǎn)擊變暗。

3. 工具的選擇

既然UI和UX設(shè)計(jì)師們?cè)陉P(guān)注點(diǎn)和色彩的使用上存在著差別，那么他們?cè)谠驮O(shè)計(jì)工具的選擇上肯定也是不一樣的。對(duì)于UI設(shè)計(jì)師來說，能夠直接在原型設(shè)計(jì)中使用他們制作好的圖片是一件非常美好的事情。因此，F(xiàn)linto和Principle這類“長(zhǎng)在”Sketch上的原型設(shè)計(jì)工具就有了很大的優(yōu)勢(shì)。InVision在這方面做的也很好，良好的團(tuán)隊(duì)功能使他們更為突出。

UX設(shè)計(jì)師恐怕就不會(huì)喜歡這類的工具了，線框圖起手的他們會(huì)更加在意自己的效率和時(shí)間。而這一類工具在數(shù)量上還是很多的，比如簡(jiǎn)單可視的Mockplus、靜態(tài)手繪風(fēng)格的Balsamiq、功能相對(duì)齊全的Axure。而且Mockplus在原型測(cè)試上還有一個(gè)比較獨(dú)特的優(yōu)勢(shì)，那就是它有超多的測(cè)試和預(yù)覽的方法。

UI和UX設(shè)計(jì)師之間的不同還有很多，這里只是在原型設(shè)計(jì)的方面舉了三個(gè)小例子。當(dāng)然，這兩種設(shè)計(jì)師之間還存在著很大的差異，有時(shí)間的話，可以看看《UX、UI、 IA和IxD傻傻分不清》，了解更多關(guān)于UI和UX設(shè)計(jì)師之間的差別。

題外的話

寫到這里，我其實(shí)想說點(diǎn)題外的東西：我們這里討論的是“原型設(shè)計(jì)”，但是似乎有個(gè)問題：UI設(shè)計(jì)的東西（主要是視覺圖），是否可以稱為“原型”？再思考一步，什么是“原型”？“原型”的含義究竟是什么？線框？交互動(dòng)效？視覺圖？PRD文檔？流程圖？是這些的所有，還是其中的幾個(gè)？

如果你對(duì)這個(gè)話題有興趣，請(qǐng)隨時(shí)評(píng)論留言。

本文由 @安靜的熊先生?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。