前端屬於網頁設計，主要是透過程式語言去實現自己想要的網頁功能效果，就是人們最裡邊的程式設計師的工作，需要計算機基礎。UI設計屬於介面使用者設計，主要是設計一些圖示，APP介面，海報，產品圖等等，屬於設計的範疇，需要一定的美術基礎。

首先要理解什麼是UI設計和前端開發。

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

好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。

一般包括互動設計和介面設計。

這部分指人與機之間的互動工程，在過去互動設計也由程式設計師來做，其實程式設計師擅長編碼，而不善於與終端使用者互動；在有的公司互動設計也有產品經理完成的。互動設計是使用者在實際使用過程中的體驗。

做介面設計的人也被貶義的稱為“美工”。其實軟體介面設計就像工業產品中的工業造型設計一樣，是產品的重要買點。介面的感受是網際網路使用者開啟介面的第一感官體驗。

UI設計使用的軟體工具主要包括：Photoshop、Adobe Illustrator等。

筆者認為設計最需要注意的一點是尊重他人智慧財產權。為避免智慧財產權糾紛，除了能夠找一些免費資源和付費資源，也可以配備手寫儀自行創作，這可能就需要一些繪畫功底了。

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

前端開發所涉及的核心技術主要包括：HTML、CSS 和JavaScript。這是傳統前端所必備的核心技術，但是隨著網際網路技術的發展，這三項已經滿足不了前端開發的需求了。這就出現了VUE、React、Angular等JavaScript框架。

所以前端開發是要不斷學習新知識的，包括但不限於node. js、typescript等。

一般而言，資深前端開發工程師需要使用JavaScript或者ActionScript來編寫和封裝具有良好效能的前端互動元件，熟練使用CSS+XHTML完美輸出視覺介面。同時還要對Web專案的前端實現方案 提供專業指導和監督並在日常工作之中對新人及相關開發人員進行前端技能的培訓和指導。另外，還要跟蹤研究前端技術，設計並實施全網前端最佳化。

UI設計是屬於產品方向，重點在於設計介面外觀。而前端工程師屬於開發方向，重點在於寫程式碼去實現頁面功能。

UI設計與前端開發雖然是兩個崗位，但又是相輔相成的。

就我們公司而言，好的UI設計也是精通前端開發的，一般小企業這兩個崗位都是一個人。也就是從設計到切片再到頁面程式碼實現都是獨立完成。

不管是UI設計還是前端開發都需要在實際工作中不斷學習，設計理念、軟體工具、前端技術等。在這個網際網路飛速發展的時代，不負重前行，就很容易落後。

UI設計的話，估計就是佈局設計，圖示設計等，突出設計功能。前端開發的話，包含的東西比較多。包括佈局，前端框架，元件邏輯，跨平臺等，還需和後臺互動。

UI即User Interface(使用者介面)的簡稱。UI設計是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。

軟體設計可分為兩個部分：編碼設計與UI設計。UI的本意是使用者介面，是英文User和 Interface的縮寫。從字面上看是使用者與介面2個部分組成，但實際上還包括使用者與介面之間的互動關係。

Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程式(也就是瀏覽器端)的開發，開發JavaScript以及Flash模組，同時結合後臺開發技術模擬整體效果，進行豐富網際網路的Web開發，致力於透過技術改善使用者體驗。

UI設計主要偏設計，很多的UI只是負責出圖，並沒有和程式太深度的交流，他更多需要定位使用者、使用環境、使用方式並且為終端使用者而設計。現在更多的互動設計。ui設計往往偏向於UI互動設計。

前端設計在設計的基礎上涉及到HTML5+CSS3的知識，更多的要解決相容性問題。這是需要同時同步的學習網際網路知識和前端程式碼知識。

H5+CSS3學習不復雜，但是解決相容性問題需要大量的實踐與經驗，需要多於程式溝通。

Web前端開發：通俗來講，當你開啟某個網站時，往往第一時間被那些炫酷的動態網頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。這樣一個動態網頁是怎麼實現的呢？

首先，需要UI設計師按照市場部要求進行每張圖片製作；然後WEB前端工程師透過技術手段實現滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網頁，結合Bootstrap、AngularJS等最新的JS框架和後臺開發工程師搭線，最終實現讓大家看到的電商平臺上那些動人的精美頁面。

UI設計：UI即UserInterface。UI設計是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。通常包括平面設計，網頁設計以及移動介面設計。

UI前端的工作

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

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

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

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

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

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

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

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

web前端的工作

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

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

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

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

UI是平面的升級，大部分UI做的還是平面的工作，UI要有平面的基本功，懂程式設計，PHP比較適合，簡單易學，而且現在很多web介面都是用PHP寫的，大部分情況下UI是偏向設計的；

前端是什麼，你可以查一查，我沒做過前端，認識的幾個做前端的在小公司就是打雜，基本啥都幹，大公司的肯定要正規很多的；

沒有好不好之分，都是比較辛苦的工作，什麼時候你熬成大神了，這兩個工作，哪個都不得了。

太大了。兩者屬於不同工作階段的不同工作類別，UI設計屬於產品設計環節的重要工作，前端開發是軟體開發的一部分。首先說UI設計，一般是根據產品經理或互動設計師的交付產物（原型），進行介面UI設計，是一個產品的視覺設定者，崗位不僅需要精通設計工具，還要對產品的所處環境，使用者群體等問題進行分析。然後說說前端開發，前端開發狹義上指網頁開發中負責HTML、CSS、JS及前端框架開發的人員，這類前端工程師不僅懂得前端開發技術，還需要與產品設計相關人員就設計問題提出技術實現方案及相關問題。還需要與後臺開發同事溝通聯條，進行前、後臺資料或請求互動，這主要是目前前後臺的開發分離。

UI設計就是人與機器交流的介面，更加簡潔直觀，前端開發是人透過編寫程式碼，讓機器能夠呈現人的想法，按照編制好的思路去呈現資訊。前者是直接與人交流的介面，後者是編寫程式碼實現交流的介面。

UI應該是做設計之類的，如：切html靜態頁面...

web前端是編碼之類的，如：實現動態html...

兩個工作崗位不同，要求的技術側重點也不同，但是都要求要會html、css...基本的頁面樣式開發語言...

UI是平面的升級，大部分UI做的還是平面的工作，UI要有平面的基本功，懂程式設計，PHP比較適合，簡單易學，而且現在很多web介面都是用PHP寫的，大部分情況下UI是偏向設計的；

前端是什麼，你可以查一查，我沒做過前端，認識的幾個做前端的在小公司就是打雜，基本啥都幹，大公司的肯定要正規很多的；

沒有好不好之分，都是比較辛苦的工作，什麼時候你熬成大神了，這兩個工作，哪個都不得了。

前端開發主要就是程式碼的開發及介面等效果的實現。

UI主要是對介面和人機互動的設計，瞭解各個平臺的設計規範等等。最好懂一點程式碼，但不負責程式碼的開發。

前景來說的話，前端開發和UI設計都是很不錯的，在網際網路的今天兩個職位都是必不可少的。就看個人興趣了

兩者相輔相成，有些Ui也會前端的一些知識，相反前端也會一些Ui知識，現在做設計多多少少都要懂些前端和後端這樣他家溝通起來也會更順暢，就我所瞭解現在很多UI設計師都會懂些前端知識，前端也懂UI的一些佈局，這樣大家工作交接起來會更方便，現在職場還是多一些技能好些。

大，是兩個不同的崗位，設計更多的是製圖，前端更多的是將圖用程式碼寫成網頁，同時還需要寫互動效果，女生的話，可以學設計

不一樣哦，UI設計師還是屬於設計師的工作範疇，前端開發是屬於程式設計師了；設計師需要將設計的材料給到前端開發那邊，所以設計師需要懂得一些前端開發的知識；與此同時，可以使用藍湖來保持工作的協同

開門見山，我先給出自己的見解，我認為UI設計和前端開發的區別還是蠻明顯的！

Ul（User Interface）是指使用者使用的介面。因此，ul設計是對網站介面、介面、互動、操作邏輯的整體設計。由此也可以看出，Uu設計注重的是設計。設計的一個重要內容就是創新思維。因此，可以說，Ul設計有很多創新。如果思路比較嚴謹，還是不建議考慮這個方向。而前端設計，雖然有設計，但這是“設計”，也是UI設計。與前端不同的是，前端開發主要是實現設計的功能。換句話說，前端的設計不需要創新思維。前端的設計確實需要有基本的編碼基礎和強大的開發潛力。

雖然UI設計工程師很重視設計，但是他們不懂html標籤程式碼，這絕對不是因為標籤程式碼為主。首先，建立一個普通的網站地圖，然後用ps建立一個網頁。但不再檢查程式碼，作為一個整體，很容易出錯。所以，要想成為Ul設計工程師，不需要你有很多JS的經驗，但至少對於html要有很好的瞭解。網站的首席工程師主要是執行功能，html為主，然後精通Js，以及框架的使用。但是，僅有這些是不夠的。WeB介面設計工程師在設計中必須瞭解一些東西。因此，可以說Ul的設計與網頁介面的設計非常相似，不同的是，它的重點是一個而不是一個。

前端開發的挑戰在於不斷變化的工具和技術來建立網站的介面，所以開發人員需要不斷了解這個領域的發展。前面通常建立在三個支柱上。它們是HTML、CSS和JavaScript。作為程式設計師，開發人員還必須接受演算法、資料結構、編碼模型、面向物件程式設計和功能方法的培訓。介面開發的挑戰在於建立網站介面的工具和技術不斷變化，所以開發人員需要不斷了解這個領域的發展。前面通常建立在三個支柱上。它們是HTML、CSs和Javascript。作為程式設計師，開發人員還必須接受演算法、資料結構、編碼模型、面向物件程式設計和功能方法的培訓。

未來前端的發展有三個趨勢。第一個發展階段是一個完整的堆疊，所以目前前端的發展也被稱為“大前端”，所以目前學習更是壓力發展的初始階段。第二個平臺在發展階段，逐漸在雲端、大資料和平臺人工智慧方面。

三是行業和階段發展的先進性，這就要求主要開發人員積累一定的行業階段性知識，這在工業網際網路時代更為明顯。從這三個趨勢來看，主要攻克的是學員的學習深度。如果想在發展的初期學習，充分發揮自己的優勢，就必須在前期關注人工智慧等技術平臺，這樣才能贏得更多的機會，並在一定程度上提升自己的團隊增值能力。

目前，隨著“網際網路+”成為國家戰略，IT行業與國民經濟息息相關，幾乎所有行業的發展都有助於IT行業的發展。網路介面的發展是近年來IT行業的一個新點。例如，從2014年開始，“前端工程師”的受歡迎程度持續上升，崗位需求量逐年增加。網上的統計資料顯示，北京網站開發工程師的平均月薪約為19000元，明顯遠高於其他行業。

總之，UI設計和前端開發的區別比較明顯，兩者都是技術活，在企業裡，UI設計和前端開發是相輔相成的，不能說哪一個更為重要。一個好的UI介面將給使用者帶來很好的視覺體驗，但是如果前端開發做得不好，將會給使用者帶來糟糕的體驗！如果您學的是計算機相關專業，，UI設計和前端開發都是不錯的職業選擇！