UX設計和UI設計到底差在哪?完整剖析讓你一點就通!(2)

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?有什麼差別?


人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


人工智慧幫喵星人取名,創意十足絕對超乎想像!


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)


人工智慧結合貓門功能,有效阻止愛貓帶回獵物!


 

熱門文章