隨著科技的發(fā)展，越來越多的人參與到設(shè)計中來。對于初學(xué)者來說，了解UI和UX設(shè)計之間的區(qū)別是很重要的。對設(shè)計有全面的理論理解是成為UI或UX設(shè)計師的第一步，也是必要的一步。
 

　　什么是用戶體驗(yàn)設(shè)計（UED&UX,User experience design）
 

　　用戶體驗(yàn)設(shè)計是在公司、產(chǎn)品和客戶之間建立聯(lián)系的過程。用戶體驗(yàn)設(shè)計是研究、開發(fā)和改進(jìn)用戶與公司產(chǎn)品交互的各個方面以滿足用戶需求的過程。其目標(biāo)是通過測試結(jié)果改進(jìn)用戶對產(chǎn)品的體驗(yàn)，最終創(chuàng)建一個有用的、有價值的、易于獲得的、使用方便的產(chǎn)品。
 

　　用戶體驗(yàn)設(shè)計有助于提升產(chǎn)品有效的用戶體驗(yàn)。它包括不同的學(xué)科，如視覺設(shè)計、交互設(shè)計、可用性等等。
 

　　什么是用戶界面設(shè)計（UI，User interface design）
 

　　用戶界面是產(chǎn)品的視覺外觀，UI設(shè)計師決定如何以視覺的方式設(shè)計產(chǎn)品以獲得有效的用戶體驗(yàn)。好的UI設(shè)計有助于吸引用戶，并確保愉快的產(chǎn)品體驗(yàn)。
 

　　UI設(shè)計的要素包括文檔、字體、圖像、視頻等內(nèi)容;表單包括按鈕、標(biāo)簽、文本欄、復(fù)選框、下拉列表、圖形設(shè)計;和當(dāng)用戶點(diǎn)擊、拖拽、確認(rèn)時會發(fā)生的動效。
 

　　它要求UI設(shè)計師具有良好的審美能力和專業(yè)技術(shù)。作為一個創(chuàng)造性的角色，UI設(shè)計師的目標(biāo)是創(chuàng)建一個引人注目的、漂亮的用戶界面，從而引起用戶良好的情感反應(yīng)。
 

　　簡單地說，如果你第一次看到一個網(wǎng)站，并驚嘆于它的視覺外觀，這主要是該網(wǎng)站制作的UI設(shè)計師的功勞。
 

　　UI設(shè)計和UX設(shè)計之間差異
 

　　UI設(shè)計和UX設(shè)計總是重疊的工作，但是你真的清楚它們之間的區(qū)別嗎?簡單地說，UX設(shè)計指的是用戶體驗(yàn)設(shè)計，UI設(shè)計指的是用戶界面設(shè)計。它們在產(chǎn)品設(shè)計中有著密切的關(guān)系，但又有著不同的職責(zé)。
 

　　就功能而言，UI是界面的外觀，UX是產(chǎn)品的工作方式。UX是一個產(chǎn)品創(chuàng)作過程，而UI更強(qiáng)調(diào)的是界面最終的外觀。但人們很容易混淆這兩者，因?yàn)樗鼈兺哂泄采P(guān)系。
 

　　用戶體驗(yàn)(User Experience, UX)和用戶界面(User Interface, UI)是我們這個領(lǐng)域中最容易混淆和誤用的術(shù)語。沒有用戶體驗(yàn)的UI設(shè)計就像畫家不加思索地往畫布上作畫;而沒有UI設(shè)計的UX設(shè)計就像一個未完成的雕塑的框架，上面沒有藝術(shù)性的雕刻和裝飾。一個好的產(chǎn)品體驗(yàn)從UX設(shè)計開始，然后才是UI設(shè)計。兩者對產(chǎn)品的成功都至關(guān)重要。那想要了解更多關(guān)于UX設(shè)計的要點(diǎn)，還可以看看《關(guān)于UX寫作：文字提升用戶體驗(yàn)的幾點(diǎn)實(shí)用技巧（三）》。
 

　　因此UI設(shè)計和UX設(shè)計之間的明顯差異導(dǎo)致了它們在網(wǎng)站制作及產(chǎn)品設(shè)計中扮演著不同的角色。
 

　　1.不同的設(shè)計重點(diǎn)
 

　　UI和UX設(shè)計師之間最重要的區(qū)別是，他們對原型圖有不同的用途。許多UI設(shè)計師認(rèn)為原型圖應(yīng)該是高保真的。然而，對于用戶體驗(yàn)設(shè)計師來說，產(chǎn)品界面落地是一種事后的想法;他們更關(guān)心產(chǎn)品的整體邏輯。簡單地說:當(dāng)你要去見你的客戶時，還是得向他們展示UI設(shè)計師的產(chǎn)品界面設(shè)計。而當(dāng)你要去見程序員的時候，拿UX設(shè)計師做的原型圖亦可。原因很簡單。UI設(shè)計師更關(guān)注界面的產(chǎn)品前端設(shè)計，而UX設(shè)計師更關(guān)注產(chǎn)品后端設(shè)計。
 

　　2.使用的顏色種類
 

　　UI設(shè)計師傾向于使用彩色系進(jìn)行設(shè)計。相反，UX設(shè)計師在原型圖設(shè)計中通常只使用三種顏色:黑色、白色和灰色，即使出現(xiàn)彩色，原型圖設(shè)計中的顏色種類也就幾種。
 

　　這種差異在設(shè)計界面組件時很常見。例如，當(dāng)需要創(chuàng)建底部導(dǎo)航欄時，UI設(shè)計師將花費(fèi)大量精力使其盡可能逼真，包括單擊之前和之后按鈕的顏色。相反，UX設(shè)計師會將按鈕插入正確的位置，然后留下一個在單擊后的顏色注釋。
 

　　3.使用不同的設(shè)計軟件

　　由于UI和UX設(shè)計師之間的角色有如此多的不同，他們使用的工具必須是不同的。對于UI設(shè)計師來說，設(shè)計圖像軟件是最重要的工具。因此，像Flinto和Principle這樣主要用在繪制原型圖的工具，更多地被UX設(shè)計師使用。Sketch軟件也是一個選擇，因其強(qiáng)大的團(tuán)隊(duì)協(xié)作功能使它成為一個有競爭力的選擇。UX設(shè)計師更喜歡畫線框圖，因?yàn)樗梢怨?jié)省時間，提高設(shè)計效率。