正文

ui工程師和ui設(shè)計師的區(qū)別（ui工程師和ui設(shè)計師有什么區(qū)別）

發(fā)布時間：2023-04-28 00:49:19 稿源：創(chuàng)意嶺閱讀： 960

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui工程師和ui設(shè)計師的區(qū)別的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI設(shè)計和前端開發(fā)有什么區(qū)別？哪個好？
2、UI設(shè)計師和視覺設(shè)計師有什么區(qū)別?
3、GUI設(shè)計師與UI設(shè)計師的區(qū)別是什么？
4、UI設(shè)計與美工的區(qū)別是什么？

ui工程師和ui設(shè)計師的區(qū)別（ui工程師和ui設(shè)計師有什么區(qū)別）

一、UI設(shè)計和前端開發(fā)有什么區(qū)別？哪個好？

大家都知道互聯(lián)網(wǎng)行業(yè)發(fā)展前景大，而IT行業(yè)中除了Java開發(fā)和軟件測試這兩個崗位外，UI設(shè)計和Web前端開發(fā)也是當(dāng)前比較火爆的兩大互聯(lián)網(wǎng)崗位。

隨著移動互聯(lián)網(wǎng)的深入發(fā)展，目前市場對這兩大專業(yè)人才的需求有增無減。而對于那些想要轉(zhuǎn)行IT拿高薪，但又不愿意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。

當(dāng)然，對于很多小伙伴來說，UI設(shè)計和Web前端到底有什么區(qū)別，哪個更好學(xué)？哪一個發(fā)展前景又更好，大家都還是比較迷茫的。

UI設(shè)計

1、什么是UI設(shè)計？

UI設(shè)計（或稱界面設(shè)計）是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。比如：哪些常用功能放在什么位置用戶用起來最順手，所有會影響使用者體驗的一切。如架構(gòu)、互動、內(nèi)容與及使用者對象、需求、價值觀。

2、UI設(shè)計需要掌握的技能？

視覺設(shè)計主要是以美術(shù)設(shè)計為主，界面的色彩、結(jié)構(gòu)、圖標(biāo)等工作都需要視覺設(shè)計師來完成。主要使用的軟件是以Adobe公司的軟件為主，如PS、AI、AE、FW等，一般來講從業(yè)者都是美術(shù)專業(yè)相關(guān)院校的畢業(yè)生，也有少部分計算機(jī)專業(yè)畢業(yè)生。

交互設(shè)計主要是以產(chǎn)品交互原型設(shè)計為主，完成設(shè)計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設(shè)計知識、產(chǎn)品業(yè)務(wù)知識等。交互的設(shè)計軟件比較多，每個都有自己的特點(diǎn)，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業(yè)經(jīng)驗才能很好勝任。

web前端

1、什么是Web前端開發(fā)工程師？主要進(jìn)行網(wǎng)站開發(fā)，優(yōu)化，完善的工作。網(wǎng)頁制作是Web 1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

一位好的Web前端開發(fā)工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師?，F(xiàn)在說的重點(diǎn)不在于講解技術(shù)，而是更側(cè)重于對技巧的講解。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近兩年來備受青睞。

2、Web前端工程師需要掌握的技能？

必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術(shù)的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。在一名合格的前端工程師的知識結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。

必須學(xué)會運(yùn)用各種工具進(jìn)行輔助開發(fā)。除了要掌握技術(shù)層面的知識，還要掌握理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持，等等?？梢?，看似簡單的網(wǎng)頁制作，如果要做得更好、更專業(yè)，真的是不簡單。這就是前端開發(fā)的特點(diǎn)，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學(xué)習(xí)起來無從下手，對于老手來說，也時常不知道下一步該學(xué)什么。

代碼質(zhì)量是前端開發(fā)中應(yīng)該重點(diǎn)考慮的問題之一。例如，實現(xiàn)一個網(wǎng)站界面可能會有無數(shù)種方案，但有些方案的維護(hù)成本會比較高，有些方案會存在性能問題，而有些方案則更易于維護(hù)，而且性能也比較好。這里的關(guān)鍵影響因素就是代碼質(zhì)量。CSS、HTML、JavaScript這三種前端開發(fā)語言的特點(diǎn)是不同的，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系。

綜合來說，UI設(shè)計和Web前端開發(fā)都與產(chǎn)品頁面有很大關(guān)系的，只是前者更偏向于設(shè)計，而后者需要懂得更多的技術(shù)，需要把UI設(shè)計出來的東西與后端結(jié)合，實現(xiàn)出來，所以Web前端的核心發(fā)展肯定會更好，但相對而言學(xué)習(xí)也會比UI難一點(diǎn)。

二、UI設(shè)計師和視覺設(shè)計師有什么區(qū)別?

UI（用戶界面）是廣義概念，包含軟硬件設(shè)計，囊括了GUI 、UE以及ID(交互設(shè)計)。

GUI（用戶圖形界面）就是界面美工也叫視覺設(shè)計師，只管軟件視覺界面，比UI窄。目前國內(nèi)大部分的UI設(shè)計師其實做的是GUI。大多出自美術(shù)院校。

為UI設(shè)計師就是指交互設(shè)計師，是研究用戶行為和操作邏輯的人。交互設(shè)計師的工作內(nèi)容就是設(shè)計軟件的操作流程、結(jié)構(gòu)、操作規(guī)范（spec）、用戶信息回饋等等。一個應(yīng)用在寫代碼之前需要作的就是交互設(shè)計，并且確立交互模型，交互規(guī)范，手勢動作等等，這就是前端設(shè)計。

那么GUI設(shè)計師很多人稱之為美工，但實際上不是單純意義上的美術(shù)工作人員，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計師。GUI設(shè)計師要從UI設(shè)計師那里提取設(shè)計細(xì)節(jié)，然后把這些細(xì)節(jié)通過視覺效果最后傳達(dá)給用戶，同時GUI設(shè)計師在設(shè)計過程中也會對UI設(shè)計師的方案起到一個檢查和反饋作用，把一些視覺上的弊端反饋給UI設(shè)計師，同時要指導(dǎo)工程師進(jìn)行應(yīng)用布局。而不是畫個icon或者提供資源圖而已。換言之就是GUI設(shè)計師是樞紐，是連接UI和工程師的重要樞紐。

三、GUI設(shè)計師與UI設(shè)計師的區(qū)別是什么？

用戶界面設(shè)計又分為三個職位，分別是用戶體驗設(shè)計師、交互設(shè)計師和界面設(shè)計師。我們常說的學(xué)UI設(shè)計或做UI設(shè)計，一般都指GUI界面設(shè)計師。GUI設(shè)計師的日常工作就是界面設(shè)計、圖標(biāo)設(shè)計、切圖和標(biāo)注。所用工具為PS、AI、AE、C4D（非必需）等，還有切圖和標(biāo)注的一些插件或軟件。GUI設(shè)計師的就業(yè)方向分為主題UI設(shè)計師和APP UI設(shè)計師。

APP UI自然就是手機(jī)軟件界面設(shè)計，我們平日所用的微信、QQ、淘寶、支付寶等這些全都屬于APP，他們的界面自然也都是UI設(shè)計師所設(shè)計的。手機(jī)應(yīng)用種類繁多，安卓和蘋果商城幾乎都有數(shù)十萬甚至百萬個，這自然就需要大量的UI設(shè)計師了。

ID（交互設(shè)計師）一般的工作是設(shè)計、繪制原型圖，它對邏輯處理能力和頁面布局能力要求較高，很多工業(yè)設(shè)計出身的人比較適合這個行業(yè)。

UE（用戶體驗設(shè)計師）這個職位一般只有中大型公司才有，顧名思義，它主要是研究用戶體驗的，用戶的行為，情感，使用感受、使用過程等所有方面都需要進(jìn)行研究，心理學(xué)專業(yè)出身的人可以考慮這個行業(yè)。

UI設(shè)計的工作內(nèi)容：

具還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面設(shè)計、用戶測試等。好的UI設(shè)計不只是讓軟件變得有個性有品味而已，更重要的是讓軟件的操作變得舒適、簡單、易用，并且充分體現(xiàn)軟件的定位和特點(diǎn)。

UI設(shè)計師的工作流程：

1、在設(shè)計之前，首先需要產(chǎn)品經(jīng)理確定好客戶或者老板的需求。

2、確定需求之后，產(chǎn)品經(jīng)理會做具體的說明，讓交互、UI、開發(fā)、測試明確產(chǎn)品需求，明確項目的具體細(xì)節(jié)。

3、設(shè)計組內(nèi)部會議、界面風(fēng)格確定。這個時候需要確定一個設(shè)計負(fù)責(zé)人。設(shè)計負(fù)責(zé)人會給同事做具體的工作安排，線框圖標(biāo)、版式設(shè)計等都有具體的分配。

4、分工已經(jīng)明確，進(jìn)行具體設(shè)計工作。

5、標(biāo)注圖、效果圖、切圖。這個步驟，產(chǎn)品經(jīng)理會進(jìn)行把關(guān)。

6、開發(fā)完成，進(jìn)行最后的測試。測試工程師會對開發(fā)出來的產(chǎn)品進(jìn)行測試，看看有沒有疏漏，有沒有錯誤，當(dāng)測試和調(diào)試完成，上線，就完成了整個開發(fā)的流程。

現(xiàn)在企業(yè)對于UI設(shè)計師的需求也越來越多，之前只會一個單一的移動端APP界面設(shè)計都能找到一份很不錯的工作，但是現(xiàn)在企業(yè)需要變多所以我們需要學(xué)習(xí)的內(nèi)容也增多了，之后就得學(xué)習(xí)運(yùn)營設(shè)計，網(wǎng)頁界面設(shè)計，交互動效設(shè)計，小程序設(shè)計，插畫設(shè)計等等。

如果是現(xiàn)在只會一個移動端APP設(shè)計找工作就比較難的，所以我們就需要不斷的學(xué)習(xí)，充實自己，提升自己的能力，不然很容易就被這個社會淘汰了。

那么我們接下來了解一下現(xiàn)在學(xué)習(xí)UI設(shè)計需要會哪些設(shè)計能力？

我們第一個要掌握的能力就是軟件技法能力

我們在學(xué)習(xí)UI設(shè)計的過程當(dāng)中，需要學(xué)習(xí)到很多知識，比如 PS，AI，AE，XD，ARP，C4D，藍(lán)湖，默刀軟件，這些都是一名UI設(shè)計必需要掌握好的軟件。而學(xué)習(xí)到這些軟件，可以通過視視頻，書籍，網(wǎng)站等多種方法學(xué)習(xí)。

工欲善其事必先利其器，從這個階段開始，覺得先學(xué)習(xí)軟件工具了，一般UI設(shè)計要學(xué)習(xí)有以下8款軟件（PS，AI，AE，XD，ARP，C4D，藍(lán)湖，默刀軟件）那么這幾款軟件在UI設(shè)計工作是負(fù)責(zé)什么的呢？

PS：PS軟件在UI設(shè)計工作中主要來用做UI設(shè)計界面設(shè)計、圖標(biāo)設(shè)計、圖片處理的

AI：AI軟件在UI設(shè)計工作中主要用來做UI界面設(shè)計、圖標(biāo)設(shè)計、字體設(shè)計、插畫設(shè)計的

AE：AE軟件在UI設(shè)計工作中主要用來做動效設(shè)計的

XD：XD或者sketch軟件，Sketch（只能在蘋果電腦上安裝）XD軟件可以在雙系統(tǒng)上安裝

Sketch和XD這兩款軟件功能是差不多的，XD的話是一款非常適合做UI設(shè)計工作，XD做圖會非常快，因為XD的工具特別少，里面的工具是專門為做UI設(shè)計工作開發(fā)的一款軟件，而且XD軟件特別小，不會卡。

ARP：ARP或者默刀軟件，ARP和默刀軟件功能差不多二選一學(xué)習(xí)就可以了，這兩款軟件都是做原型設(shè)計的

UI設(shè)計是由很多很多界面組成的，這些界面每一步之間去交接的這個界面，如果說我們只做一個界面，UI設(shè)計師是可以做出來的，但是要做幾十個上面?zhèn)€界面，如果我們一個個做是肯定會出問題的，所以需要先制作原型，我們根據(jù)原型再制作界面，這就是我們的前后聯(lián)系，原型是不用做這個顏色，圖標(biāo)，細(xì)節(jié)的，只需搭建一個基礎(chǔ)的版式就行，這個就是我們用ARP或者默刀軟件做的。

C4D：C4D軟件在UI設(shè)計工作中主要用來做建模的

藍(lán)湖：藍(lán)湖軟件在UI設(shè)計工作中主要用來做標(biāo)注設(shè)計的

就是我們做好了頁面，這個頁面的高底，寬度，包括頁面的色值我們都需要標(biāo)注出來，為什么需要標(biāo)注呢，因為我們做的圖，做完之后他就是張圖片，這個圖片我們用手機(jī)是點(diǎn)不了的，我們手機(jī)APP上的那些圖之所以能點(diǎn)，那是因為有程序猿做了一個二次開發(fā)，這個東西我們不用懂，但是我們要標(biāo)注出來，標(biāo)注出來讓程序猿知道你的顏色，你的色值，你的尺寸到時是多少，他才能開發(fā)出來。

那么除了軟件技法之外我們還需要會哪能力？

我們可以用軟件做一些圖，但是呢軟件只是個工具，我們還需要會設(shè)計

設(shè)計包含了：圖標(biāo)設(shè)計，界面設(shè)計，動效設(shè)計，交互設(shè)計，運(yùn)營設(shè)計，插畫設(shè)計，平面設(shè)計，作品集設(shè)計，小程序設(shè)計

圖標(biāo)設(shè)計：手機(jī)及電腦上的界面里面的圖標(biāo)

界面設(shè)計：手機(jī)APP界面和電腦上的界面

動效設(shè)計：動效設(shè)計可能很多人沒有留意過，但是動效設(shè)計是非常非常重要的，只要是頁面切換效果都屬于動效設(shè)計

交互設(shè)計：交互設(shè)計要做的就是原型圖設(shè)計

UI設(shè)計師的職業(yè)發(fā)展：

設(shè)計學(xué)完后就業(yè)方向非常廣，除了美工，可以做webUI設(shè)計師、移動端UI設(shè)計師、平面設(shè)計師、產(chǎn)品經(jīng)理等很多方向。圖形設(shè)計師，它不僅僅是單純意義上的美術(shù)工人，而是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設(shè)計師，例如工業(yè)外形設(shè)計、裝潢設(shè)計、信息多媒體設(shè)計等；交互設(shè)計師，設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、軟件的結(jié)構(gòu)與操作規(guī)范等；用戶測試/研究工程師，主要測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性，通常采用戶外問卷的形式來衡量UI設(shè)計的合理性。所以，學(xué)習(xí)UI設(shè)計就業(yè)方向非常廣，可以給子自己很多不同的工作選擇。

總之，UI設(shè)計師的主要工作內(nèi)容就是設(shè)計出能夠滿足用戶需求的界面設(shè)計。這需要設(shè)計師既要有扎實的設(shè)計功底，又要懂得一些基礎(chǔ)的軟件開發(fā)知識，和前端知識等等。因此傳統(tǒng)的設(shè)計師比較起來，UI設(shè)計師在當(dāng)今社會需求量更大。

四、UI設(shè)計與美工的區(qū)別是什么？

工作內(nèi)容不同：美工主要從事的是與平面相關(guān)的工作，包括海報設(shè)計、名片設(shè)計、折頁設(shè)計、VI設(shè)計、書籍排版設(shè)計、產(chǎn)品包裝設(shè)計等內(nèi)容，是一個針對平面展示類的工作，需要藝術(shù)性的創(chuàng)作思維、一定的美術(shù)基礎(chǔ)、良好的審美能力、色彩搭配能力等等。UI設(shè)計主要針對的是軟件界面，表現(xiàn)在軟件界面的三個方面：人機(jī)交互、操作邏輯、界面美觀。也就是除了掌握設(shè)計的能力，在界面的美觀性的基礎(chǔ)之上還要懂得人機(jī)交互的內(nèi)容和產(chǎn)品的操作邏輯。包括：移動端APP產(chǎn)品設(shè)計、PC端企業(yè)站設(shè)計、懂運(yùn)營擅視覺的高級電商設(shè)計、交互動效設(shè)計、AR/VR/MR體驗交互設(shè)計、網(wǎng)站制作等內(nèi)容，UI設(shè)計不僅是一個視覺設(shè)計類的工作，還包括用戶體驗、產(chǎn)品思維、交互動效等。

掌握的技能不同：美工需要掌握色彩搭配、構(gòu)圖能力、版式設(shè)計、字體設(shè)計、印刷工藝、插畫設(shè)計、平面軟件(PS、AI、ID、CDR)、會一些攝影的話是加分選項。UI設(shè)計在美工需要掌握的技能基礎(chǔ)之上還需要掌握各個移動端設(shè)計規(guī)范、高級合成、運(yùn)營設(shè)計、電商設(shè)計、用戶心理學(xué)、用戶體驗、產(chǎn)品思維、交互動效設(shè)計、最前沿的設(shè)計趨勢、交互理論、設(shè)計軟件(PS、AI、ID、CDR、Xmind、C4D、Axure、Sketch、AE、Flinto、PxCook、藍(lán)湖、墨刀、Dreamweaver、Experience Design等)。

就業(yè)方向不同：平面的就業(yè)方向是平面設(shè)計師等視覺類工作，主要是傳統(tǒng)設(shè)計公司、雜志社、廣告公司、影樓、印刷公司、報社等。UI設(shè)計的就業(yè)方向webUI設(shè)計師、移動端UI設(shè)計師、交互設(shè)計師、圖形設(shè)計師、平面設(shè)計師、信息多媒體設(shè)計、產(chǎn)品經(jīng)理等。主要供職于互聯(lián)網(wǎng)公司。

發(fā)展前景不同： 美工的發(fā)展前景是成為高級平面設(shè)計師。UI設(shè)計師的發(fā)展前景是成為高級UI設(shè)計師、資深設(shè)計師、首席設(shè)計師、產(chǎn)品總監(jiān)、CTO首席技術(shù)官、創(chuàng)意總監(jiān)。相對薪資也不同，以拉勾網(wǎng)在北京就業(yè)的剛畢業(yè)的本科生為例，平面設(shè)計師的平均薪資在5K左右，UI設(shè)計師的平均薪資10K左右。

以上就是關(guān)于ui工程師和ui設(shè)計師的區(qū)別相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。