UI和web前端有啥區別嗎？該選擇哪一個呢？

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

　　1、概念不同

　　UI設計(或稱界面設計)是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。

　　web前端是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。

　　2、研究方向不同

　　UI設計的研究方向是：用戶研究、交互設計、界面設計;

　　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前端需要是有很好的審美能力，通常需要有美術設計教育背景。

編輯於 2020-10-28繼續瀏覽內容

知乎發現更大的世界打開

Chrome繼續

差點兔了編程免費zl獲取：公眾號（pyhton學習客棧）

Web前端開發：對於網站來說前端即網站的前台部分包括網站的表現層和結構層。表現層即前端設計，說白了也就是視覺設計，再通俗一點也就是Web端展現出來的你可以看到的「美」的東西；結構層就是涉及的前端開發部分，即網站的前台代碼實現，包括基本的HTML和CSS以及JavaScript/ajax，現在最新的高級版本HTML5、CSS3，以及SVG等。所以，前端包含了視覺設計與前台代碼的開發。通俗來講，當你打開某個網站時，往往第一時間被那些炫酷的動態網頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。

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

其中，網頁設計和移動設計這一崗位方向，需要學習Web界面設計、PC客戶端軟體界面設計、HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。所以，web前端開發與UI設計之間是相通的。UI設計師的涉及範圍包括商用平面設計、高級網頁設計、移動應用界面設計及部分包裝設計，UI全能設計師也涉及初級代碼入門。

應該如何選擇：建議自己多了解，看一下這方面的書籍或者視頻，然後對那個感興趣就學習選擇那個方向

那麼UI設計都需要學習什麼呢？

1、平面設計

這個階段主要是針對零基礎學員的，學習內容主要包括企業VI設計、企業畫冊設計、平面設計與後期印刷等知識。學習工具為PS、AI、coreldraw，學完這一段可以從事大多數平面設計工作。

2、網頁設計

在這一階段中將會學習到Web界面設計、PC客戶端軟體界面設計、XHTML/HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。

3、移動界面設計

這一階段是UI設計真正核心所在，學習內容包括：主流風格的圖標設計、交互設計、移動界面設計，學習工具也進一步擴展為：Axure、ai、像素大廚、墨刀等。從事UI設計前你考慮這些了嗎？

而web前端都要學習什麼呢？

1、HTML5基礎

這一階段主要學習HTML5、CSS3、JavaScript基礎；

2、JavaScript核心

這一階段學習JavaScript核心，DOM編程，完成各種頁面動態效果以及動態交互；

3、web前端核心

學習內容包括：jQuery、HTML5+CSS3，完成頁面各種功能及效果，能夠實現伺服器端的通信分析，實現訂單頁的功能分析。

應該如何選擇：建議自己多了解，看一下這方面的書籍或者視頻，然後對那個感興趣就學習選擇那個方向

那麼UI設計都需要學習什麼呢？

1、平面設計

2、網頁設計

在這一階段中將會學習到Web界面設計、PC客戶端軟體界面設計、XHTML/HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。

3、移動界面設計

而web前端都要學習什麼呢？

1、HTML5基礎

這一階段主要學習HTML5、CSS3、JavaScript基礎；

2、JavaScript核心

這一階段學習JavaScript核心，DOM編程，完成各種頁面動態效果以及動態交互；

3、web前端核心

學習內容包括：jQuery、HTML5+CSS3，完成頁面各種功能及效果，能夠實現伺服器端的通信分析，實現訂單頁的功能分析。

什麼是UI設計，都學什麼?

　　所謂UI設計：userinterfacedesigner用戶界面設計，UI設計課程包括創意手繪、平面設計、Web前端設計、多屏界面設計和職業設計5個模塊課程。

　　1、創意手繪：主要學習界面(UI)手繪、創意構成、創意色彩等模塊課程，讓學員在提升界面造型能力與手繪表現力的同時，更深入的了解設計行業的規範與創意工作的流程，具備手繪圖標及手繪低保真界面原型圖的能力。

　　2、平面設計：主要針對零設計基礎學員設置學習內容包括企業VI設計、企業畫冊設計、平面設計與後期印刷等知識。學習工具為PS、AI、coreldraw，學完這一段可以從事大多數平面設計工作。

　　3、Web前端設計：在這一階段中我們將學習Web界面設計、PC客戶端軟體界面設計、(X)HTML/HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。

　　4、多屏界面設計：這一階段是UI設計真正核心所在，學習內容包括：四種主流風格的圖標設計、交互設計、移動界面設計，學習工具也進一步擴展為：AxureRP、Android、iOS。學完後將能夠從事專業UI設計。

　　5、職業設計：本階段課程主要學習互聯網開發流程，商業設計師職業規劃、商業設計師優秀作品包裝與推廣以及商業設計師企業面試全案，全方位提升學員綜合素質以及實際求職能力，通過素質提升、作品整理、面試實戰，讓學員能夠更專業，更自信的面對企業。

Web前端開發工程師是什麼?

　　隨著互聯網發展，互聯網的系統越多越多，越來越複雜，用戶不能滿足基本功能的需要，對互聯網體驗要求越來越高，客戶端與伺服器的交互不在是簡單頁面和頁面的交互，而變為頁面和頁面+程序+數據的交互，其中實現與客戶交互和體驗的程序就是Web前端工程師完成的，這時Web前端工程師就誕生了，隨著用戶對體驗和交互要求越高，系統功能越複雜，Web前端工程師的崗位就越重要。

　　我們經常聽到用戶體驗，那麼什麼是用戶體驗?這不用詳細回答了，即是能夠增加用戶停留時間，吸引用戶持續瀏覽頁面，而Web前端開發工程師以及UI設計培訓課程的網頁設計師、APP界面設計師需要做的就是在美化頁面，實現公司形象展示和功能之外，能夠多多提高用戶體驗，這樣，才能實現自己真正的價值。

　　綜合來說，決定是否學習UI設計師培訓課程，還是Web前端開發，都是與頁面前端有更大的關係，而且都是目前社會上比較缺少的人才，我們需要的就是能夠選擇好自己想學習的課程，不論是UI設計培訓還是Web前端開發培訓，儘力的學習好它，讓它為你所用。

【尚學堂教育】2020最新Java架構之MongoDB基礎入門到高級進階全套視頻【零基礎入門】?

www.acfun.cn

【尚學堂教育】2020年Maven技術構建項目全套基礎教程【零基礎入門】?

www.acfun.cn

【尚學堂教育】2020年Python網路爬蟲實戰全套基礎教程【零基礎入門】?

www.acfun.cn

【尚學堂教育】2020最新JavaScript基礎與高級全套視頻【零基礎入門】?

www.acfun.cn

【尚學堂教育】2020最新MyCat基礎入門到精通_MyCat分片測試分庫全套視頻【零基礎入門】?

www.acfun.cn

【尚學堂教育】2020年Web前端HTML5+CSS3全套基礎教程(初學者零基礎入門)_嗶哩嗶哩 (゜-゜)つロ乾杯~-bilibili?

www.bilibili.com

UI的職責是設計，就是畫圖的。

WEB前端的職責是負責把ui的圖做成網頁，就是寫代碼的。

感謝邀請

作為多年前端開發人員，我來回答下問題

1、web前端：通俗來，當你打開某個網站時，往往第一時間被哪些炫酷的動態頁面設計所吸引，但是，如果沒有web前端工程師，這些圖片是不會動的，這樣一個動態網頁是怎麼實現的呢? 首先，需要UI設計師按照市場部要求進行每張圖片製作;然後WEB前端工程師通過技術手段實現滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網頁，結合Bootstrap、AngularJS等最新的JS框架和後台開發工程師搭線，最終實現讓大家看到的電商平台上那些動人的精美頁面。

2、UI設計：所謂UI設計指的是用戶界面設計，即user interface design，通常包括平面設計，網頁設計以及移動界面設計。其中，網頁設計和移動設計這一崗位方向，需要學習Web界面設計、PC客戶端軟體界面設計、HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。因此從這一點來說，web前端開發與UI設計之間是互通的，也就是說，通過系統UI培訓後，你將來有可能會成為一名web前端工程師!

實際上，除了工作崗位不同以外，二者最大的區別就是：WEB前端工程師是要寫代碼的，而UI設計師重點在設計上。因此，對於廣大學員到底學UI設計好還是WEB前端開發好這一疑問，其實學哪一個都不錯，但最重要的是看你自己的興趣所在。然而，對於初學者來說，無論是UI設計好還是WEB前端開發，儘可能通過系統培訓多涉獵一些相關知識，這對於將來職場發展會更有幫助，可以在以後職場中更好的相互協作和支持。

綜合來說，無論是學UI設計好還是WEB前端開發，終極目標都是為了更好的用戶體驗和交互應用，而隨著移動互聯網的深度發展，對用戶體驗的極致追求勢必會需要大量的UI設計師和WEB前端開發人員。

從薪資福利的角度上看，同等級前端開發人員的薪資會比UI設計人員的高很多。

從職業壓力角度上看，前端開發一般比UI人員職業壓力大，因為開發人員一般都會有較大的工作量，工作周期也會很長。

從男女比例上看，UI設計人員從事者大多都是女生，從事前端開發男生較多。

從就業比例上看，前端開發人員一般找工作相對容易，畢竟前端的市場需求量更大。

總體來說呢，這兩個職位都是可以的，該如何選擇的話可以根據實際情況以及自身愛好進行選擇。希望這篇文章可以幫到你！加油吧少年！以上就是我的分享，希望對你有所幫助，另外我自己也從事前端開發多年自己對於前端也做了一些學習的總結，也錄製了基礎的精講視頻和學習方法，另外如果對於學習前端還有什麼問題（學習方法，學習效率，如何就業）可以私信我，隨時為你解答

其實是更偏向於叫現在的前端為javascript工程師