對於UI開發人員和前端開發人員有一個常見的誤解，即他們基本上在做相同的工作。我已經聽過很多次了，不僅是從普通人口中，而且是從it行業的從業人員口中。為了解決這個問題，我決定在這兩個同樣重要、同樣有趣、但卻截然不同的職業之間劃清界限。

讓我們從使用者介面（UI）的定義開始。在數字行業中，使用者介面意味著使用者可以跨各種裝置(桌上型電腦、膝上型電腦、平板電腦和手機)控制或互動的每個細節(螢幕、鍵盤、滑鼠、附加控制器等)。

介面開發，無論是應用程式、網站、遊戲還是模擬器(事實上，尤其是模擬器)，都是一個包含設計、工程和心理學元素的複雜過程。

介面開發人員的主要目標是建立方便的介面，以滿足使用者的需求。要做到這一點，您必須理解並識別使用者的努力、目標、行為模式和使用者互動的模型場景。你精通的跨行業領域越多(分析、心理學、市場營銷、使用者體驗)，你就能創造出更好的解決方案。

對於UI開發人員，主要的工作工具是adobeillustrator或類似的軟體。它需要繪製草圖和準備圖形材料。Illustrator擅長使用向量圖形，它可以根據不同的螢幕解析度縮放和調整概念介面。

對於輔助工具，UI開發人員也可以使用Microsoft Expression Design和Expression Blend。最後設計人員必須深入研究相關作業系統的UI指導原則，他們希望根據這些指導原則調整介面(Windows UI指導原則、Mac OS指導原則)。

UI開發人員的關鍵特徵是邏輯思維，這就是為什麼這些人從來不是純粹的藝術家。UI設計師是100%的技術人員，只有人文素養。為了解決專案的問題，必須採用數學方法來結合標準工具。至於備受讚賞的創造力——只有在標準工具不能提供令人滿意的解決方案時才允許。

UI開發人員心中有一組明確的優先順序。

1.首先，介面必須是功能性的。

2.其次，它必須方便，在不刺激使用者的頻繁工作。

3.最後，它必須是“美麗的”，也就是“美麗”得足夠吸引眼球。

一個好的UI開發人員是設計技能和技術知識的結合，他們的職責是視覺化理解使用者介面。

前端是開發web介面的客戶端。前端開發人員負責執行和操作介面，而不是由UI專家設計的視覺化外觀。

如果我們要將其與列印媒體進行比較，那麼UI開發人員將建立總佈局，而前端開發人員將進行頁面校對，以便實際列印佈局。

前端專家需要掌握比UI設計師多得多的程式設計技能。他們必須瞭解HTTP協議、伺服器和瀏覽器的工作原理、在當前市場上的各種裝置上顯示web的特性。

與前端開發相關的挑戰是用於建立網站前端的工具和技術不斷變化，因此開發人員需要不斷了解該領域是如何發展的。前端通常構建在三個支柱上。它們是HTML、CSS和JavaScript。作為一名程式設計師，前端開發人員還必須接受演算法、資料結構、編碼模式、面向物件程式設計和函式方法方面的培訓。

通常，前端開發人員必須在產品開發階段找到UI/UX問題的解決方案。這就是為什麼擁有一些基本的UI開發人員技能對他們來說是一個巨大的優勢。

1. Web 前端開發一般指寫H5頁面的人，除了寫H5頁面，也可以使用Electron或RN或Flutter做App或網頁。

2. UI設計師是根據產品做的原型圖，給移動端開發和Web開發設計出來設計圖，設計圖表明要做什麼樣的App，什麼樣的網頁。

web前端開發主要使用html+css、JavaScript、jQuery、ajax、前端框架等專業技能和工具將產品UI設計實現成網站產品，涵蓋使用者PC端、移動端網頁、處理視覺和互動源問題。

網際網路大時代如火如荼的進行著，Web前端技術依靠其自身在頁面互動效果上強大的功能屬性受到了眾多企業的青睞。

無論是你使用的智慧手機，還是iPad，還是電腦等等，前臺的頁面樣式都需要前端開發工程師來編寫實現，也因此市場上的移動應用Web前端崗位空缺有增無減，專業的Web前端工程師供不應求。

就業前景被十分看好,網際網路企業需要大量的專於Web前端技術的前端工程師。目前人才市場上的web前端開發工程師非常稀缺,是所有網際網路企業都在緊急招聘的人才!

UI是User Interface的英文簡稱，中文名稱使用者介面。主要工作WEB平臺的整體互動介面設計，人機互動方式，視覺設計，最佳化使用者體驗、頁面排版，配合產品、前端和研發完成產品規劃和上線。需要紮實的美術功底、優秀的色彩感和不凡的審美，精通PS、AI、DW、Axure等設計軟體。熟悉pc端和移動端設計規範。

1. web 是指全球廣域網，也叫全球資訊網，是一種基於http協議，分散式的全球性網路，在開發領域表現為以BS結構、以瀏覽器為客戶端的軟體服務網路，例如電腦上看的網站，手機上用的app內部服務端，都是基於web的服務。

2. UI是指使用者介面 （User Interface）它提供了訪問這些web服務入口，提高了使用者互動，你直觀看到淘寶網頁，手機app都屬UI，而後端提供的服務和資料都屬於web服務。

3. 在開發領域web泛指一切網際網路軟體服務，UI更多的是之使用者互動相關的開發，如前端開發工程師、JS，vue，React 、UI設計師，互動設計師。

UI設計和Web前端的工作並不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個人來做的。ui與web前端的區別主要有：

1、概念不同

UI設計（或稱介面設計）是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。UI設計分為實體UI和虛擬UI，網際網路說的UI設計是虛擬UI，UI即User Interface(使用者介面)的簡稱。

web前端是建立Web頁面或app等前端介面呈現給使用者的過程，透過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現網際網路產品的使用者介面互動。

2、研究方向不同

UI設計的e5a48de588b6e79fa5e9819331333431353963研究方向是：使用者研究、互動設計、介面設計；

web前端的研究方向是技術方向：包括html、css、js等需要編寫程式碼。

3、職業機會不同

UI設計的職業方向是：前端開發工程師、資深前端開發工程師、前端架構師等；

web前端的職業方向是：圖形設計師、互動設計師、使用者測試/研究工程師等；

計交給美工來做，把html5、css、js的新增交給web前端工程師來做，

4、工作內容不同

UI前端：主要負責系統/app，UI介面設計，以及html程式碼實現，主要工作偏向於設計。

web前端：主要講ui提供的設計圖，編碼成靜態html，實現所有特效；並負責所有互動的對接，對js要求較高，會要求一些後臺介面的開發工作，因此對後臺開發語言也有一定的要求。

5、所需技術不同

web前端會用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術知識；

而UI前端需要是有很好的審美能力，通常需要有美術設計教育背景。

我用簡單的理解來解釋這兩個的區別吧。

web就是全球資訊網的意思，現在把它廣義的理解為網站，或者由瀏覽器開啟的應用。

UI則是介面設計範疇，包括設計和使用者體驗。網頁UI、手機應用軟體UI、傳統軟體的UI，指的都是這些。

Web一般指基於html.css.javascript技術，再利用一些流行前端框架，搭建一個瀏覽器可訪問的頁面，而ui常指原型設計，高保真效果圖設計等協助web實現的相關工作

UI設計介面，web前端透過程式語言把介面做出來。

就像建築圖紙和建築的關係，web前端就是那個施工人。

這是it相關的兩個崗位，先了解的話，可以去優就業看看，培訓課程很不錯啊。