GUI 設計和 UI 設計有什麼區別？

01-16

這個事情真有點在鑽文字漏洞了。

專業和理性的客觀角度來來講：

UI = User Interface

其中包括所有人(User)與機器(Machine)打交道用的界面介面(Interface)，因此如果你去設計一個起重機的操作面板、汽車儀錶盤、電視搖控器，都可以稱為UI Design，他是工業設計中的一個術語.

http://en.wikipedia.org/wiki/User_interface

GUI = Graphical User Interface

是指在計算機(computing)出現後，在屏幕上使用圖形界面來幫助(User)與機器(Machine)打交道用的界面介面(Interface)，泛指在計算機上所做的界面設計

http://en.wikipedia.org/wiki/User_interface

狹義上討論我們正在討論的IT互聯網行業，UI即是GUI的簡稱，這二者沒有任何區別。我是個GUI設計師，或我是個UI設計師，是一樣的。

在設計GUI或UI的過程中，我們通過可用性(Usability)的手段和方法論，來提高用戶對與計算機交互過程的滿意度，這個過程我們通常俗稱用戶體驗設計(UX)

咬文嚼字嘛... UI=User Interface 前面多了G就是Graphical User Interface。其實任何Interface都是離不開視覺包裝的，所以說UI包含了GUI的意思，設計UI的人也必定也是要會搞G的。

最近和一些同行朋友聊天，大家都有個疑問，UI和GUI到底是不是一回事，哪個更重要。從我的經歷來看這兩個都重要，缺了誰也不行，但是這兩個詞不是一回事。UI和GUI

做的東西都是最後要展現給用戶的，用戶可能只關心好不好用，好不好看，而不會關心代碼是怎麼寫的，寫了多少行。所以我覺得交互和視覺設計師是最終決定產品好壞的人。我把我的一些感想和大家說說，也許能給剛入行的朋友一點參考。

首先我得說我說的這個UI和GUI設計師是一般意義上的，可能遊戲或者網站的設計師不見得符合我說的這些東西，僅供參考吧。

在我看來GUI(圖形設計師)和UI（交互設計師）還是有區別的，可能現在行業內GUI和UI分的也不是那麼明顯了，通常是一個GUI設計師什麼都干，很苦，甚至有些壓抑。目前來看，一般情況下大家說的UI設計師和GUI設計師基本上是一回事，都會做圖、都會畫icon之類的。

我個人認為UI設計師就是指交互設計師，是研究用戶行為和操作邏輯的人。交互設計師的工作內容就是設計軟體的操作流程、結構、操作規範（spec）、用戶信息回饋等等。一個應用在寫代碼之前需要作的就是交互設計，並且確立交互模型，交互規範，手勢動作等等，這就是前端設計。

那麼GUI設計師很多人稱之為美工，但實際上不是單純意義上的美術工作人員，而是軟體產品的產品外形設計師。GUI設計師要從UI設計師那裡提取設計細節，然後把這些細節通過視覺效果最後傳達給用戶，同時GUI設計師在設計過程中也會對UI設計師的方案起到一個檢查和反饋作用，把一些視覺上的弊端反饋給UI設計師，同時要指導工程師進行應用布局。而不是畫個icon或者提供資源圖而已。換言之就是GUI設計師是樞紐，是連接UI和工程師的重要樞紐。因此為了用戶體驗更好更完善。二者缺一不可。

從我的從業經歷來看，有些經驗和大家分享下，也許大家看了覺得沒什麼，但是這些都是作為UI和GUI設計師應該具備的東西。創意和技術固然重要，但是在重重條件限制下和違背自己設計意願的情況下創造出東西才是生存之道，我想大部分同行兄弟們能理解這句話的意思......

我個人總結UI和GUI設計中的幾點重要原則，這些原則並非技術原則，而是概念原則：

1、統一性原則

統一性指的是一個優秀應用的界面結構必須清晰明朗，布局一致、操作流程一致，色調一致，icon風格一致、控制項尺寸一致、消息反饋一致等等。

2、指導性原則

指導性指的是在一款應用當中，每一個button或者每一個tab頁等等，無論使用文字也好，還是icon也好，要能使用戶大概明白它的意思，以便於用戶進行操作，不要給用戶造成歧義，在關鍵操作時給出提示。

4、指向性原則

指向性指的就是通過視覺效果，帶領用戶進行下一步的操作。有相當一部分用戶拿到一款應用可能不知道該怎麼用，那麼作為UI設計師要替用戶考慮這個問題，如何來引導用戶進行操作。從視覺上講恰當的應用文字和非干預型提示可以有效地提高指向性。

5、提示性原則

用戶在進行操作時能自由的作出選擇，且所有選擇都是可逆的。同時在用戶做出敏感性的選擇時有信息系統的提示，這樣便於用戶做出更好的選擇。

6、簡易性原則

簡易性原則簡單點講將就是讓用戶覺得好用，讓用戶覺得輕鬆沒有壓迫感，這就需要設計師對功能和操作進行合理的分類和提煉。哪個頁面上放什麼，放多少，怎麼放，怎麼操作…這個我個人認為是UI設計環節中最重要的一環。

7、普遍性原則

不能過分追求絢麗的效果和異型布局，這樣會在一定範圍內縮小一個應用的適用範圍而且對於工程師來說動底層代碼架構是見痛苦的事情。在大家都習慣的基礎上稍作改動，循序漸進也許更適合中國的國情，但是這和糊弄事、偷懶是兩碼事。

UI交互設計流程：

UI設計是一個龐大的系統問題，包含功能設計、架構設計、操作設計、前期視覺設計。

一、確定目標人群，即這個應用是做給誰用的。比如年輕人、老年人、商業用戶、等等。針對每種不同的人交互設計重點不同。比如年輕的潮人，可能更在乎視覺效果的絢麗，而老年人則更喜歡簡單明了指導性明確的東西。比如發信息，年輕人可能很容易理解一個「信封」的icon就是發信息的意思，那麼歲數大點的人可能更喜歡button上寫上「發信息」三個字，那樣更容易理解。

二、調研目標人群的交互習慣，包括這類人群喜歡文字或是圖片；喜歡減少操作步驟或是無所謂；喜歡簡單明了的操作方式或是另類的操作方式等等。

三、確定目標人群的交互習慣後就要建立交互模型，其中包括操作方式統一（同類型功能的操作方式一樣）、交互行為統一（同一類型的操作，得到的反饋是一樣的），控制項風格統一（tab頁要麼在上要麼在下，toolbar要有就都有，要沒有就都沒有）等等。

四、對應用的功能進行分類，同時對相應的操作進行提煉。哪些放在面上，哪些放在么Menu里，這條GUI設計師必須要參與。個人認為GUI對邏輯架構的敏感性在某些層面上講要超過UI設計師。

五、最後由GUI設計師按照交互細節來設計視覺效果，同時檢查視覺設計和交互設計之間的衝突。比如UI設計師在列表中設計了3個button，但是在GUI設計師設計時發現使用24sp的字型大小時是放不下3個button的時候，就要反饋給UI設計師，從新進行規劃。

先說這麼多吧，三言兩語說不清楚，只能講個大概，慢慢在詳細說說。這也是我跌跌撞撞過來的，有些方面可能比較片面，但我相信肯定有人和我同感，希望這一堆能給剛入行和對這個感興趣的朋友做個參考......

最後晴兒再羅嗦一句，干這行一定得平常心，設計信仰留在有用的地方釋放，不能被一些醜陋的東西磨滅掉。學會變通，如果自己不是leader或是總監之類的，遇到問題就先淡定點，表達自己設計理念的時候可以因人而異......是金子總會發光的......這話比較隱晦，慢慢想想就明白了。

看圖！左邊是UI乾的事情，右邊是GUI乾的事情。

(圖片來自：http://cdc.tencent.com/?p=2146 )

電視遙控器就是UI但不是GUI

GUI=UI 是做視覺設計的

寫代碼是「前端工程師」「front end engineer」這個崗位做的

交互設計這些是UE做的

稍微正規一點的公司，這3個職位都得有，且這3個職位都是在 UED部門內部的。

公司若想做大，做好產品，先把UED部門規範起來吧。一崗多職，本來就是荒謬絕倫的事情。

寫代碼的前端工程師通常都是理工科的 GUI的是藝術類的這2種能力分別是左半腦邏輯性和右半腦的創造性。公司若要統一在同一個職位身上，是非常荒謬的，公司以為人人都是愛因斯坦？若是愛因斯坦的潛質，也不會來拿這點工資了。。。。。。。。。。。。

GUI：純的視覺設計。UI：用戶界面設計，會考慮到一些交互和用戶體驗等。我對字面意思的理解是這樣的。

但是，現在很多公司定義方法都不一樣，像我實習的公司就把GUI叫做UI，其他需求和交互原型都由產品來完成。而且現在用戶體驗被更多提及，也需要在用研、交互和視覺各方面都貫穿UCD，所以更加模糊了，各個職位相互交織，GUI和UI的區別也沒那麼明顯了。

個人見解純屬瞎扯。

GUI是技術層面，而UI更傾向於設計層面

個人認為GUI屬於UI

UI設計和交互設計還是有區別的

我的理解是UI=GUI+UE(UX)...

字面意思上，GUI是Graphic User Interface圖像用戶界面, UI是User Interface用戶界面，GUI應該算是UI里的一個小類，圖片式的用戶界面，與同屬UI但是不是GUI的比如用聲音，觸感，味覺等等的皆不太成熟... 畢竟屏幕還是我們對電子設備的主要交流窗口... 再比如說，如果技術達到，你可以只和計算機交談而不需要看屏幕和操作屏幕上的內容，那就是語言 UI，給盲人用會很給力，同時如果有一個計算機能夠自動生成盲文(突起點)且讀懂按壓，那就是觸覺UI，給聾啞盲人用會很給力，至於觸覺味覺的交互... 原諒我想像力薄弱...

「UI」的本義是用戶界面，是英文User和interface的縮寫。UI設計師簡稱UID（User Interface Designer），指從事對軟體的人機交互、操作邏輯、界面美觀的整體設計工作的人。
UI設計師的涉及範圍包括商用平面設計、高級網頁設計、移動應用界面設計及部分包裝設計，是目前中國信息產業中最為搶手的人才之一。
UI表面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關係。具體還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面）設計、用戶測試等。好的UI設計不只是讓軟體變得有個性有品味而已，更重要的是讓軟體的操作變得舒適、簡單、易用，並且充分體現軟體的定位和特點。

GUI設計師很多人稱之為美工，但實際上不是單純意義上的美術工作人員，而是軟體產品的產品外形設計師。GUI設計師要從UI設計師那裡提取設計細節，然後把這些細節通過視覺效果最後傳達給用戶，同時GUI設計師在設計過程中也會對UI設計師的方案起到一個檢查和反饋作用，把一些視覺上的弊端反饋給UI設計師，同時要指導工程師進行應用布局。而不是畫個icon或者提供資源圖而已。
換言之就是GUI設計師是樞紐，是連接UI和工程師的重要樞紐。因此為了用戶體驗更好更完善。二者缺一不可

第一次在知乎回答。

UI包括美術（圖形）設計、交互設計等。

GUI則只是美術（圖形）設計。

GUI是圖形設計 ui是交互設計。GUI一般泛指計算機領域，ui方方面面，二個考慮的方向有部分差異。ui比如拋異常但沒對應的跳轉，就是友好性問題。GUI則不考慮這個，更多傾向布局。

根據樓上所述總結：UI=GUI GUI不等於UI ， GUI也像UI一樣會畫圖設計icon 等，兩者所設計的領域和所了解的東西是一樣的，但是 GUI主要負責純視覺的設計， UI是負責用戶界面設計，做項目時需要一起配合來完成，好的產品需要UI也同樣需要GUI 兩者缺一不可。

是不是UI包含:GUI.WUI.MUI.AUI?

區別不是很大, UI可以說是個統籌, UI設計, 軟體UI設計器,圖形UI設計.

現在很少有非gui的ui了吧…

UI（用戶界面）是廣義概念，包含軟硬體設計，囊括了GUI 、UE以及ID(交互設計)。 GUI（用戶圖形界面）就是界面美工，只管軟體視覺界面，比UI窄。目前國內大部分的UI設計師其實做的是GUI。大多出自美術院校。

唔是不是可以這麼理解會gui不一定會UI 但是會ui的一定會gui- - 那麼gui就是包括在UI裡面？