UX設計和UI設計到底差在哪?完整剖析讓你一點就通!(2)
傻傻分不清UX設計跟UI設計的差異嗎?看完完整剖析讓你更懂它們!(2)
本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇，完整連結如下：
1-為何UI/UX容易搞混？
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰
但隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來看看 UI 和 UX 究竟是什麼吧。
什麼是 UI 設計？
UI 表示「使用者介面」（User Interface），不管是網頁、手機 APP 還是電腦軟體，只要眼睛所看見的頁面都是 UI 設計的守備範圍。
從吸引使用者點擊的按鈕、閱讀的文字、文字輸入欄、空間配置、畫面排版、轉場和任何形式的視覺元素，一同組成一個龐大的視覺佈局。
▲ 這張照片是攝影師 Lubos Volkov 為 UX Store 拍攝的，同時提供了有關「如何成為更好的設計師」的提示。在你的技能達到一定的水平之後，就要不斷地學習新事物。(來源：Unsplash、uxstore.com)
除此之外，UI 也是人和電腦相遇的地方──電腦具備某種功能，人們想要利用這些功能，需要進行「輸入」（inputs）和「輸出」（outputs）。介面就是輸入和輸出的規劃安排，讓人們得以應用電腦來創造出他們所需結果。
以上工作由 UI 設計師負責，他們選擇配色方案、按鈕形狀、線條的寬度和文字的字體，精心打磨每一處「眉角」。而一個好的 UI 設計通常具有以下特色……
好的 UI 設計 會具有的優點：
1. 清晰
介面的所有視覺元素皆脈絡分明、一目瞭然，使用者不需要刻意思考每個元素的含意。
2. 熟悉
使用者可以依照過往習慣操作你的介面，例如：點擊一次為選取、點擊兩次則為打開該項目。
3. 一致性
保持整個介面的風格一致，這樣使用者可以習慣操作模式。
4. 防呆機制
一個好的使用者介面應該避免使用者不小心犯錯。
5. 事半功倍
好的介面可以讓使用者以最少的「輸入」達成所需的「輸出」，還能讓有經驗的使用者可以更有效率操作。
▲ 一名設計師正在繪製 wireframe。(來源：Unsplash)
待設計完成後，UI 設計師會寫上標註和說明，轉交給工程師進行撰寫。因為需要與工程師溝通配合，UI 設計師必須跟上科技的進步，對程式語言也要一定程度的了解，以避免產生和工程師溝通不良的狀況。而帶有前端工程師及設計師雙技能的人會被稱為「介面工程師」（UI Developer），可以自己設計畫面也自己寫出網頁。
而 UI 設計師有時也會與「平面設計師」（Graphic designer）一同被討論，他們同樣關心美學、同樣要使介面充滿魅力、引人注目並切和主題，但平面設計師不需要考慮「使用者怎麼操作」的問題，平面設計基本上也不需要被操作；而 UI 設計師則要思考如何引導使用者操作並完成任務，因此兩者還是大不相同的。
本系列文章未完，請點此看下一篇
更多閱讀:
第一次上程式設計課程該選 Python 還是 Java？有什麼差別？
人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品
五部人工智慧電影告訴你：未來人類會與 AI 談戀愛⋯⋯還是被毀滅？
