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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

模型一：SWOT 模型

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

模型三：GUCDR模型