UI和web前端有啥區(qū)別嗎？

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

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

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

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

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

總之就是，為軟件的“外觀”帶來美的效果。

除此之外，UI設(shè)計還要考慮人機(jī)交互的效果。

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

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

那么誰來實現(xiàn)呢？來，有請Web前端工程師出場！

沒錯，UI設(shè)計師和前端工程師是一種配合關(guān)系。

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

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

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

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

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

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

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

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

而前端工程師屬于開發(fā)方向，重點在于寫代碼去實現(xiàn)頁面功能。

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

所以源妹兒建議，學(xué)哪一個都不錯，目前市場就業(yè)需求都很好，可以按照自己的興趣來，如果代碼能力強(qiáng)可以試試前端、如果代碼能力弱可以試試UI，年輕人就要敢于嘗試！