交互設計的永恆話題：UX設計和UI設計的區別在哪？

在「平面」網頁設計永遠存在的世界中，有時候可以從最終的產出內容中分辨出線框之間的區別是困難的。這是多少次聽到這個問題的原因之一：「UX和UI之間有什麼區別？」

問題出現在細節上。 UX代表用戶體驗，UI代表用戶界面。根據用戶體驗顧問Jakob Nielsen的說法，用戶體驗UX設計師是「涵蓋終端用戶與公司及其服務及其產品的互動的所有方面」的人。「Nielsen是領先的UX大師，對大多數人來說，這個回答確切的清楚了。而UI界面設計，顧名思義，是在UX設計中的一部分。當UX設計師確定了用戶體驗設計之後，再由UI設計師來操作視覺上的界面設計。

在UX和UI設計師之間有一個很大的混亂的原因是因為它們最終會合併在一起。UX和UI的界限是模糊的，不同的團隊採取不同的方法來了解團隊如何交互。在過去幾年中，UX設計師在互動團隊中的角色越來越多。安東·艾琳（Anton＆Irene）的互動式設計師安東·布隆寧（Anton Repponen）表示：「在UX設計師最終完成設計之前，UX仍在發生。它可能不是很好的UX，但它仍在發生。」

多年來，網路和應用程序設計師統治了這個棲息地。你可能會問，變化如此之大，以前完全程序設計師完成的工作，現在你需要一個全新的UX設計師加入你的團隊嗎？簡單的答案是交互設計從幾頁小冊子風格的網站演變成複雜的數字產品和經驗; 隨著交互設計的載體發生變化，UX設計師的作用也是如此。

讓我們分解一下，一個UX設計師是什麼。 UX設計師的主要交付內容是線框。如果您不熟悉線框（wireframe)，他們是互動體驗的藍圖。線框基本上布置了網站或應用程序的所有內容，並建立了視覺層次結構。

線框提供兩個關鍵角色：澄清網站或應用程序的工作原理，並考慮更複雜的問題。線框有意無聊，灰色框和簡化的框架，以便為內容提供關注，並且在許多情況下允許從客戶端註銷。它們對確定計劃在網站上的所有內容至關重要，因此用戶不會在第三輪設計中找到自己添加「該段落」。

通過使用Axure，Framer和Invision等工具，UX設計人員還通過創建原型來為團隊及其客戶增加價值。通過創建可點擊的交互，線框感覺更像是最終產品，用戶測試可以立即開始。一個偉大的UX設計師正在尋找創新和令人驚訝的問題解決方案。原型設計正在成為UX角色的一個更大的一部分，這有助於每個人在布局中有圖片，漂亮的字體和顏色之前了解項目。

線框的第二個角色是設置一個框架，使UI設計師可以做最好的工作：為內容提供視覺情感和上下文。通常，UI設計師從有意的黑色文本和灰色框中拾取設計，並探索字體，顏色，尺寸和布局。這是通過配對圖像和複製，改進類型層次結構和在網格上設置東西來實現內容的地方。 UI設計師關注品牌的整體審美以及使用戶感覺的方式。

「那麼問題來了，你不是說只是說UX設計師計劃層次結構？為什麼UI設計師重新做這些工作？」

這是UX和UI之間的合作夥伴關係真正發揮作用的地方。一些團隊考慮在線框被批准之後完成的UX作業，而另外一些團隊則一直在使用UX。一些團隊製作像素完美的線框，一些製作草圖，而其他一些團隊讓設計人員鬆動，開放的解釋。像許多設計領域一樣，除了開放式溝通，這個過程沒有正確的答案。

隨著UX設計師的角色的興起，我們也看到新的工具到達現場以適應這一過程。像Sketch這樣的應用程序已經創建了創建一個可以從UX開始的文件並進行設計的功能。這提示了Adobe屢獲殊榮的Project Comet，這是第一款旨在接受這種新範式的產品，允許用戶在一個應用程序中進行線框，原型和設計。

當我想到UX和UI之間的區別時，我想到左腦與右腦。雖然線路有時可能會交叉，但是UX和UI設計師確實執行不同的工作。無論您是製作粗略草圖以快速傳達想法，還是創建像素完美的線框，UX設計人員正在努力解決功能問題，規劃內容和組織網站數據。 UI設計師負責傳達品牌，使網站更加愉快和人性化。

是的，我們可能會不時看到一些重疊，但是兩者的結合使得更好的項目和更好的結果。

有些人同樣會好奇：UX設計作為一個全新的職業，少有見到學校專門開設了這門課程，那麼這些UX設計師的教育背景到底是什麼？對此，我們基於做了一個大概的調查，矽谷大多數的用戶體驗設計師，都通常來自於以下教育背景：

• Graphic Design 平面設計
• Communication Design 傳達設計
• Informatics 信息學
• Computer Science 電腦科學
• Psychology 心理學
• Industrial Design 工業設計
• Human-Computer Interaction 人機交互
• Mechanical Engineering 機械工程
• Information Science 信息科學
• Anthropology 人類學
• Business 商科
• Interaction Design 交互設計
• Human Factors 人為因素（屬於心理學）
• Film 電影
• New Media 新媒體
• Information Technology 信息科技
• Finance 金融
• No degree 自學成才

對專業或藝術院校有疑問的同學，請向我投擲留言

http://www.beeweart.com