這邊先帶你了解什麼是UI 設計,另外也分享給你:怎樣叫做"好的"UI設計!
隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來分別看看 UI 和 UX 究竟是什麼吧！
本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇，完整連結如下：
1-為何UI/UX容易搞混？
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓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 設計師則要思考如何引導使用者操作並完成任務，故兩者還是大不相同的。
本系列文章未完，請點此看下一篇
延伸閱讀：
想用A/B測試改善UI設計,30個例子分享給你!(24~30)
第一次上程式設計課程該選 Python 還是 Java？有什麼差別？
留言列表
