學web前端好還是學ui好？

筆者 UI 前端後台都做過，剛畢業做了一年UI，後主做前端，會點後台，保證自己不被忽悠，安身立命。

大學學的設計，至於為什麼轉UI，因為我討厭別人叫我美工！很多公司里技術地位大於設計(這只是筆者自己的經歷)，大概鄙視鏈是這樣的後端 &> 前端 &> 設計。

作為設計，你不會太關注業務邏輯，不關注業務實現可能性，無法掌握項目的整體走向，自然你的話語權就低。

前端會好一點，至少你必須得懂業務，但核心功能的實現任然在後端，後端是骨骼，前端是肉，他們組合起來會生產出一個所有功能健全的人，而UI則是化妝品，讓你更具吸引力。

現在的前端，也並不是做個網站那麼簡單，2019年大前端的口號喊的很響，什麼是大前端，打個比方，筆者所在的公司，前端需要做的事情：

1. 開發網站，手機H5，涉及到一系列框架需要你去學 react vue，工程化 webpack，nodejs等等

2. 垮平台開發，react native，和最近很火的 flutter，所以，你還必須懂一點安卓和IOS開發，所以不僅js，你還要會OC和Java。

3. 小程序，現在的小程序，就像當年的瀏覽器之爭，百花齊放，每個廠商都有一套自己的解決方案，數不清的坑等著你。讓開發人員的工作量倍增！

入坑需謹慎，所以你不要指望學會了三劍客（HTML CSS JS）就能找到工作，如果你只想做切圖仔，那三劍客也許管夠。當然有設計基礎的話，會讓前端錦上添花，比如領導會跟你說，這裡有個需求，設計抽不出來人，你一套自己搞定。然後你就發現你天靈蓋上的頭髮越來越少。

所以我現在出去面試，只要你不刨根問底的問我，我會告訴你我特么連紅色和綠色都分不清。

現在的前後端分離讓後台減少了不少的壓力，他們不再需要關心UI的實現，只需要關注實現。後端很純粹，不像前端各種技術各種框架，各種hack讓你的生活每天都特別充實。作為每個公司的扛把子，責任最大，乾的最多，拿的也最多。

可能有人會說沒有編程基礎，學不動，筆者可以負責告訴你，除了系統學過設計（從小學畫畫，現在真後悔沒把這些時間用在計算機上），其餘全部自學，沒參加任何培訓班。所以入門編程沒你想像那麼難。

所以筆者建議，還是學後台吧。

前端當久了，基本的ui都能自己做了，一邊寫著代碼一邊把ui就花完了。

ui當久了，基本的前端原理也是要明白的，否則會被前端BB瞎tm設計，吊者可以畫著ui然後自己寫完了。

相關聯的業務，久了都會多少互通。比起你糾結這個，還是趕緊學一個吧，看你有哪方面的基礎，學哪方面快？

如果都沒有基礎，還是先接觸一下好，什麼東西學好了，都好。

隨著移動互聯網的深入發展，目前市場對這兩大專業人才的需求有增無減。而對於那些想要轉行IT拿高薪，但又不願意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。當然，對於很多小夥伴來說，UI設計和Web前端到底有什麼區別，哪一個發展前景又更好，大家都還是比較迷茫的。今天就來給大家簡單科普科普~

1、什麼是UI設計？UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。

UI設計需要掌握的技能？

視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟體是以Adobe公司的軟體為主，如PS、AI、AE、FW等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟體比較多，每個都有自己的特點，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。

UI設計目前的全國薪資水平

2、什麼是Web前端開發工程師？

主要進行網站開發，優化，完善的工作。網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。

Web前端工程師需要掌握的技能？必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。在一名合格的前端工程師的知識結構中，網站性能優化、SEO和伺服器端的基礎知識也是必須掌握的。

Web前端目前的全國薪資水平

綜合來說，UI設計和Web前端開發都與產品頁面有很大關係的，只是前者更偏向於設計，而後者需要懂得更多的技術，需要把UI設計出來的東西與後端結合，實現出來，所以Web前端的核心發展肯定會更好，但相對而言學習也會比UI難一點。

對於如何學習WEB前端或者UI設計，或者在學習過程中遇見問題自己無法解決，可以到我的交流裙，裡面有最新的學習路線和教程，可以跟著學，有什麼不懂的地方可以隨時在裡面問。

1、行業崗位薪資：

平均來看，同等經驗能力的Web前端開發的薪資要高於UI設計師的薪資，當然非常牛逼的設計薪資可能遠遠高過非常牛逼的Web前端設計師的工資，因為最高階的UI設計作品真的就是藝術品了，而再牛逼的Web前端大牛和一般的Web前端開發工程師差別並么有那麼特別的大。

南京萬和IT教育UI設計培訓

南京萬和IT教育Web前端設計培訓

2、崗位之間關係：

2.1、UI設計全稱叫做：用戶界面設計；英文叫做：User Interface Design。

UI設計其實是個籠統稱呼，只要和用戶界面相關的都可以稱作UI設計，這其中最常見的有比如：1網站網頁效果圖設計、2手機應用軟體APP的界面圖標設計、3電腦軟體的用戶界面設計、4印刷品宣傳冊等平面設計等等等。

2.2、前端一般泛指前端開發，全稱Web前端開發。

就是把由UI設計的網站網頁，軟體界面等效果圖代碼化，轉化成網頁或軟體界面，實現的基本訪問交互功能。

2.3、關係

UI設計與Web前端開發產生關聯的地方在於，網站網頁的設計界面，軟體的展示交互界面。UI設計中的印刷品或者更遠一點工業產品設計與Web前端開發是木有關聯的。

按先後順序來講，所以先有網站網頁的平面設計圖(UI設計範疇），然後交前端工程師來代碼化實現（Web前端開發）；這其中UI設計工程師在設計網站效果圖環節，要考慮到，哪些模塊，有哪些交互功能（最簡單的如：當游標懸浮或點擊相關區域，按鈕顏色變換，圖片輪播反轉灰色等效果）需要怎麼和Web前端開發工程師溝通實現的問題。

以上希望能幫到你，我們建了個UI設計學習交流群（511649801）和Web前端開發學習交流群（604697610），有其他任何疑問進群來撩。

3、學習難度：

3.1、UI設計普通的入門級難度不高，主要工具（PS，AI，CDR，C4D）功能的熟練運用，掌握基本的美學理論，設計理論，再多看看成熟的商業作品很容易就入行，但是要達到很高的藝術高度就比較難啦；整體而言有美術基礎，平時喜歡寫寫畫畫的，喜歡自己搞一些小東西，小物件，對設計感興趣，心態較好能接受他人對自己作品評頭論足，能接受合理的改稿意見的，那麼當然是學習UI設計啦。

3.2、Web前端開發入門級難度也不是太高，基本的HTML，CSS，JavaScript（原生JS、jQuery，Ajax等）學好就能勝任大部分工作，高階的框架部分如BootStrap、VUE，React Native完全掌握熟練運用加上學歷不拖後腿的話，一般進大廠問題也就大啦。整體而言，邏輯思維強，享受一個人帶著耳機深夜寫代碼的樂趣，能接接受產品經理三番五次改需求，學習能力強，能保持自我知識與行業新技術的快速迭代更新，那麼當然是學習Web前端開發啦。

4、學web前端好還是學ui好？Web前端與UI設計選哪個？

結合自己興趣，中長期職業規劃，適合自己的才是最好的

編輯於 2019-12-11繼續瀏覽內容