GUI更多體現(xiàn)的是視覺部分，關(guān)鍵詞為圖形和界面，主要指軟件程序所呈現(xiàn)的畫面部分；UI不僅僅在于視覺上信息的傳達，美觀的程度，更重要的是引導(dǎo)用戶的交互和操作。

UI設(shè)計的目的是為了提升用戶體驗，它的設(shè)計過程中除了要考慮視覺層面的因素之后，更多的是要考慮產(chǎn)品的交互邏輯，用戶的體驗過程、心理感受等。所以大部分行業(yè)的“UI”實際上是具備一定交互設(shè)計能力的視覺設(shè)計師（GUI）。

從技術(shù)的角度分析，gui和ui兩者處于包含與被包含的關(guān)系，也就是ui設(shè)計當(dāng)中包含著gui。

gui，即圖形用戶界面；ui是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。

首先從技術(shù)的角度分析兩者處于包含與被包含的關(guān)系。

GUI=Graphical User Interface，是指在計算機出現(xiàn)后，在屏幕上使用圖形界面來幫助(User)與機器打交道用的界面接口，泛指在計算機上所做的界面設(shè)計。

圖形用戶界面（Graphical User Interface，簡稱 GUI，又稱圖形用戶接口）是指采用圖形方式顯示的計算機操作用戶界面。與早期計算機使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。然而這界面若要通過在顯示屏的特定位置，以”各種美觀而不單調(diào)的視覺消息“提示用戶”狀態(tài)的改變“，勢必得比簡單的消息呈現(xiàn)花上更多的計算能力。

圖形用戶界面是一種人與計算機通信的界面顯示格式，允許用戶使用鼠標(biāo)等輸入設(shè)備操縱屏幕上的圖標(biāo)或菜單選項，以選擇命令、調(diào)用文件、啟動程序或執(zhí)行其它一些日常任務(wù)。與通過鍵盤輸入文本或字符命令來完成例行任務(wù)的字符界面相比，圖形用戶界面有許多優(yōu)點。圖形用戶界面由窗口、下拉菜單、對話框及其相應(yīng)的控制機制構(gòu)成，在各種新式應(yīng)用程序中都是標(biāo)準(zhǔn)化的，即相同的操作總是以同樣的方式來完成，在圖形用戶界面，用戶看到和操作的都是圖形對象，應(yīng)用的是計算機圖形學(xué)的技術(shù)。

隨著中國 IT 產(chǎn)業(yè)，移動通訊產(chǎn)業(yè)，家電產(chǎn)業(yè)的迅猛發(fā)展，在產(chǎn)品的人機交互界面設(shè)計水平發(fā)展上日顯滯后，這對于提高產(chǎn)業(yè)綜合素質(zhì)，提升與國際同等業(yè)者的競爭能力等等方面無疑起了制約的作用。

GUI的廣泛應(yīng)用是當(dāng)今計算機發(fā)展的重大成就之一，它極大地方便了非專業(yè)用戶的使用。人們從此不再需要死記硬背大量的命令，取而代之的是可以通過窗口、菜單、按鍵等方式來方便地進行操作。而嵌入式GUI具有下面幾個方面的基本要求：輕型、占用資源少、高性能、高可靠性、便于移植、可配置等特點。

UI=User Interface，是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI，UI即User Interface(用戶界面)的簡稱。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。

與之相應(yīng)，UI設(shè)計師的職能大體包括三方面：一是圖形設(shè)計，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計的合理性。

GUI（Graphical User Interface）是指圖形用戶界面，是一種讓用戶可以通過圖形化的方式來操作電腦系統(tǒng)的界面。 它能夠讓用戶通過圖像來控制電腦的程序，使操作變得容易。
UI（User Interface）是指用戶界面，是為了讓用戶可以與計算機系統(tǒng)進行交互而設(shè)計的界面。它可以幫助用戶更好地理解并使用計算機系統(tǒng)，以便達到所需的目的。
GUI與UI之間的主要區(qū)別在于，GUI提供了一種圖形化的界面，可以更加直觀地操作電腦系統(tǒng)，而UI只是普通文字界面，不具備圖形化的功能。

UI和前端發(fā)生關(guān)系，前端和后端發(fā)生關(guān)系。首先UI根據(jù)產(chǎn)品經(jīng)理的設(shè)計給出純靜態(tài)的、圖片版的界面方案，一般會使用PhotoShop等軟件完成，審核通過后，交給前端完成靜態(tài)頁面設(shè)計，即把圖片切成HTML頁面，這里就可以點擊按鈕，頁面鏈接等功能可用了，但沒有數(shù)據(jù)，然后后端需要提供可用的API接口，前端編程調(diào)用這些API接口，獲取后臺數(shù)據(jù)，這樣一個完整業(yè)務(wù)功能就實現(xiàn)了。

UI設(shè)計是有一套完整的流程的，但總是會有人把它和前后端搞混了，但它們都是三個截然不同卻又相輔相成的關(guān)系。

就比如鴻蒙在UI、交互方面跟安卓幾乎是一模一樣的，因為只有這樣才能降低用戶更換鴻蒙后的使用成本，導(dǎo)致有很多人認(rèn)為鴻蒙就是安卓。

Ui交互又稱ui互動設(shè)計，是定義、設(shè)計人造系統(tǒng)的行為的設(shè)計領(lǐng)域，宅定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達成某種目的。

UI交互設(shè)計可以分為三個模式，用戶研究、交互設(shè)計、界面設(shè)計。

用戶研究就是負(fù)責(zé)研究用戶的需求點和用戶使用體驗的反饋，是檢驗界面設(shè)計與交互設(shè)計是否合理的重要標(biāo)準(zhǔn)。

交互設(shè)計就是將機器的功能和性能繁瑣的流程，用簡單易懂的方式讓用戶理解，操作。提升用戶使用機器的效率和學(xué)習(xí)成本。

界面設(shè)計簡單一點說就是負(fù)責(zé)“美”，通俗一點說就是像手機中的每個APP都是經(jīng)過反復(fù)的設(shè)計，讓用戶一眼知道它是什么的APP，是購物的、是健身的、是短視頻的，界面設(shè)計的主要工作就是讓整個界面，給用戶帶來視覺上的美感，能吸引用戶的眼球。

模型一：SWOT 模型

模型二：Google Design Sprint 設(shè)計方法

模型三：GUCDR模型