導讀：

如果，你天生喜歡數理化，擁有較強的邏輯思維能力，看到程式碼就興奮，無論男女，你就應該去學前端；

如果，你天生愛美，對美的事物都要一探究竟，並且喜歡去創造美的事物，無論男女，你就應該去學UI設計；

當然，想成為真正意義上的前端開發人員，小編建議兩者都要懂，兩者都要會。

如果，你是初涉IT行業的小白，可能立馬作決定也不現實，那麼就讀完這篇文章吧！來看看UI是什麼，前端是什麼，UI和前端的區別又是什麼呢？

點開這篇文章的時候你可能正準備去學前端，但是又聽說程式設計師挺苦逼的，你聽說UI設計師這個職位不錯，工作體面、收入不錯、沒有程式設計師那麼燒腦？也或許，你的男朋友是程式設計師，你對IT這行，什麼都不懂，但是又不想比男朋友差太多，不想比他賺的少，他建議你去學UI，所以你想知道UI跟他們那些沒日沒夜的程式設計師比起來，哪個更牛逼。

這麼多的偶然，讓你點開了這篇文章。那麼今天我們就說道說道，UI和前端到底是什麼？

對於網站來說前端即網站的前臺部分包括網站的表現層和結構層。表現層即前端設計，說白了也就是視覺設計，再通俗一點也就是Web端展現出來的你可以看到的“美”的東西；結構層就是涉及的前端開發部分，即網站的前臺程式碼實現，包括基本的HTML和CSS以及JavaScript/ajax，現在最新的高階版本HTML5、CSS3，以及SVG等。

所以，前端包含了視覺設計與前臺程式碼的開發。

不知道說到現在你有沒有明白了一些呢？當然，也由此兩個不同意義的職位出現了：UI設計師、前端工程師。隨著移動端的技術不斷髮展，也衍生了Android開發和iOS開發，對於這兩類今天暫不贅述。

UI設計師簡稱UID（User Interface Designer），指從事對軟體的人機互動、操作邏輯、介面美觀的整體設計工作的人。UI設計師的涉及範圍包括商用平面設計、高階網頁設計、移動應用介面設計及部分包裝設計，黑馬程式設計師UI全能設計師也涉及初級程式碼入門，UI全能設計師是目前中國資訊產業中最為搶手的人才之一。

前端工程師，也叫Web前端開發工程師。他是隨著web發展，細分出來的行業。Web前端開發技術主要包括三個要素：HTML、CSS和JavaScript。HTML甚至不是一門語言，僅僅是簡單的標記語言！ CSS只是無型別的樣式修飾語言，當然可以勉強算作弱型別語言。JavaScript的基礎部分相對來說不難，入手還算快。

前端開發與UI設計的學習區別在於：

前端開發領域有很多自學成“才”的同行，但大多數人都停留在會用的階段，因為後面的學習曲線越來越陡峭，每前進一步都很難。人們常說：不想當裁縫的司機，不是個好廚師。如果單純只是學習前端程式語言、而不懂後端程式語言(java , c++ , c , c# , php ,node.js , erlang , golang)，也不能算作是優秀的前端工程師。所以，在成為一個優秀的前端工程師的道路上，充滿了汗水和辛勞。

而UI全能設計師，零基礎入門涉及簡單的初級程式碼入門，程式碼量僅僅是前端開發的一丟丟。所以，相對於前端開發，UI設計更為通俗易懂，工作體面、簡單易學，不燒腦還可以拿高薪。讓你瞭解前端也精通設計，可以優雅的“右鍵”檢查元素看懂最基本的程式碼語言，明白前端在做什麼，亦可以讓你精通各類Wed端、移動端設計，合成、特效、切圖等等不在話下。

所以，做個前端開發人員，就要做一個不僅精通前端語言，還要涉略後端程式設計的優秀的前端工程師；做個UI全能設計師，會設計，懂程式碼，在設計的道路上加上程式設計師的思維。嗯，就是這個樣子。

路漫漫其修遠兮，吾將上下而求索。黑馬程式設計師擁有UI設計學院，成就獨一無二的UI全能設計師；也有前端與移動開發學院，專屬打造網際網路行業新貴——前端全棧開發工程師。搞清了什麼是前端，什麼是UI，你應該知道自己該怎麼選擇了吧。改變中國IT教育，黑馬程式設計師一直在努力！