很多想學(xué)習(xí)的小伙伴在糾結(jié)

是學(xué)UI設(shè)計(jì)還是前端？

感覺(jué)這兩個(gè)課程差不多

但是又有很大的區(qū)別

到底有什么不一樣呢？

面對(duì)這樣的疑問(wèn)

今天北大青鳥(niǎo)就來(lái)給各位小伙伴科普一下

什么是UI設(shè)計(jì)？

UI設(shè)計(jì)指的是用戶界面設(shè)計(jì)，即User Interface Design，是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。

UI設(shè)計(jì)一般分為：

網(wǎng)頁(yè)界面：例如，淘寶，天貓，百度，搜狐等。

平板電腦：電腦系統(tǒng)應(yīng)用軟件界面，游戲界面，APP界面，智能電視界面。

車(chē)載導(dǎo)航設(shè)備：包括智能電視、家電類(lèi)微型液晶屏界面、卡拉OK點(diǎn)歌界面等

總之就是為軟件的“外觀”帶來(lái)美的效果

除此之外

UI設(shè)計(jì)還要考慮人機(jī)交互的效果

比如：哪些常用功能放在什么位置用戶用起來(lái)順手，所有會(huì)影響使用者體驗(yàn)的一切。如架構(gòu)、互動(dòng)、內(nèi)容與及使用者對(duì)象、需求、價(jià)值觀。

UI設(shè)計(jì)師需要用各種各樣的工具去完成整個(gè)設(shè)計(jì)過(guò)程，包括PS、AI、Axure、Ae等等。

那么誰(shuí)來(lái)實(shí)現(xiàn)呢？來(lái)，有請(qǐng)Web前端工程師出場(chǎng)！

沒(méi)錯(cuò)，UI設(shè)計(jì)師和前端工程師是一種配合關(guān)系。

前者設(shè)計(jì)，后者把設(shè)計(jì)實(shí)現(xiàn)成代碼。

在公司項(xiàng)目中，設(shè)計(jì)師了解前端，會(huì)極大提升和程序員的協(xié)作效率，減少技術(shù)信息不對(duì)稱的現(xiàn)象。如果在一個(gè)網(wǎng)站項(xiàng)目中，程序員還在跟設(shè)計(jì)師講解基本的html、css、盒子模型知識(shí)，那開(kāi)發(fā)效率就可想而知了。

什么是前端開(kāi)發(fā)？

我們的前端工程師可要高大上得多，他們可是真正的軟件技術(shù)人哦。

Web前端開(kāi)發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的。網(wǎng)頁(yè)制作是Web1.0進(jìn)入Web2.0時(shí)代，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)的內(nèi)容更加生動(dòng)，網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)。

通俗點(diǎn)說(shuō)：web前端就是美工photoshop，交互設(shè)計(jì)，flash，js，html+css的結(jié)合體。就小規(guī)模公司而言，一個(gè)技術(shù)員都得會(huì)這幾樣技能，這樣很鍛煉人的，慢慢的你就會(huì)成為公司的主力。大規(guī)模的公司把這些分得很細(xì)，所以，你可以精通一門(mén)，熟悉其他的，進(jìn)軍大公司。

包含哪些技術(shù)呢？

比如：HTML5、CSS3、JavaScript、AJAX、VUE技術(shù)棧、React技術(shù)棧等等，火得不要不要的，需求之大、工資之高

除了工作崗位不同以外，二者的區(qū)別就是：

UI設(shè)計(jì)是屬于產(chǎn)品方向，重點(diǎn)在于設(shè)計(jì)界面外觀。

而前端工程師屬于開(kāi)發(fā)方向，重點(diǎn)在于寫(xiě)代碼去實(shí)現(xiàn)頁(yè)面功能。

對(duì)于初學(xué)者來(lái)說(shuō)，無(wú)論是學(xué)UI設(shè)計(jì)還是前端開(kāi)發(fā)，通過(guò)系統(tǒng)培訓(xùn)多涉獵一些相關(guān)知識(shí)，打好基本功，這對(duì)于將來(lái)在職場(chǎng)中的發(fā)展會(huì)更有幫助。

北大青鳥(niǎo)建議，學(xué)哪一個(gè)都不錯(cuò)，目前市場(chǎng)就業(yè)需求都很好