UI 設計與UX設計大不同!一起來細數UI設計的優點吧!
本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇,完整連結如下:
隨著對 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 談戀愛⋯⋯還是被毀滅?