許多人無法區分(fēn)用戶界面前端和網絡前端的區别，認爲他們做同樣的工(gōng)作。因此，今天的小(xiǎo)編将詳細讨論兩者的區别:

Web前端開(kāi)發

對網站而言，前端即是網站的前端，它包括表現層和結構層。表現層就是前端設計，說白(bái)了，是視覺設計，結構層就是涉及前端開(kāi)發的部分(fēn)，即網站的前端代碼實現，包括基本的 HTML和 CSS、 JavaScript/ajax、HTML5、CSS3的最新高級版本，還有 SVG等等。所以，前端包括視覺設計和前端代碼開(kāi)發。一(yī)般情況下(xià)，當你打開(kāi)一(yī)個網站，往往會首先被那些炫酷的動态網頁設計所吸引。但是，沒有網絡前端工(gōng)程師，圖片就不能移動。

一(yī)個動态網頁是怎麽實現的呢？

首先要求UI設計師按照市場部的要求制作每張圖片，然後WEB前端工(gōng)程師通過技術手段實現滾動效果。通俗地說，web前端工(gōng)程師利用HTML5、CSS3、Java、jQuery、Ajax等技術，将UI設計的頁面效果做成一(yī)個網頁，結合Bootstrap、AngularJS等最新的JS框架與後台開(kāi)發工(gōng)程師連接，最終實現電(diàn)子商(shāng)務平台上那些大(dà)家都能看到的漂亮動人的頁面。

UI設計

UserInterface用戶界面的簡稱，即從事人機交互、操作邏輯、界面美觀設計工(gōng)作的人員(yuán)。界面設計是指人機交互、操作邏輯清晰、界面美觀的軟件整體(tǐ)設計。一(yī)般包括圖形設計、網頁設計和手機界面設計。

在這些技術中(zhōng)，網頁設計和手機設計這個職位的方向，需要學習網頁界面設計， PC客戶端軟件界面設計，HTML5語言， CSS樣式表，布局技巧與浏覽器兼容等技術。因此， web前端開(kāi)發和 UI設計是相互聯系的。用戶界面設計涉及到商(shāng)業平面設計，高級網頁設計，移動應用界面設計和部分(fēn)包裝設計，用戶界面設計師還涉及到代碼入門。

前端開(kāi)發人員(yuán)，不僅要精通前端語言，還要涉足後端編程； UI設計師，不僅要精通設計、理解代碼，還要精通程序員(yuán)的設計思路。

相信讀者看了上面這麽多肯定會想問哪個更好學。其實我(wǒ)(wǒ)想說，隻要你靜下(xià)心來好好學習，就很容易。相反，如果你是業餘愛好者，可能很難學。

UI設計都需要學習什麽？
1、平面設計

此階段主要是爲零基礎學員(yuán)而設計，學習内容主要包括企業 VI設計，企業畫冊設計，平面設計，後期印刷等知(zhī)識。PS, AI, coreldraw等學習工(gōng)具，完成這部分(fēn)的學習可以做大(dà)部分(fēn)的圖形設計工(gōng)作。

2、網頁設計

在這個階段，我(wǒ)(wǒ)們将學習Web界面設計、PC客戶端軟件界面設計、XHTML/HTML5語言、CSS樣式表、布局技巧和浏覽器兼容性。

3、移動界面設計

這一(yī)步是 UI設計的核心部分(fēn)。課程内容包括主流風格的圖标設計，交互設計，移動界面設計，以及進一(yī)步擴展到 Axure, ai, pixelchef, manager等等的學習工(gōng)具。在進行 UI設計之前有沒有考慮過？

網絡前端需要學習什麽？
1、HTML5基礎

主要學習的是HTML5、CSS3、JavaScript基礎；

2、JavaScript核心

我(wǒ)(wǒ)主要學習JavaScript核心，DOM編程，完成各種頁面動态效果和動态交互；
3、web前端核心

學習的内容有：jQuery、HTML5+CSS3，完成頁面各種功能及效果，能夠實現服務器端的通信分(fēn)析，實現訂單頁的功能分(fēn)析。