UI和前端屬于兩個(gè)不同的領(lǐng)域。

UI主要是視覺(jué)設(shè)計(jì)，需要美術(shù)功底，一般是設(shè)計(jì)專(zhuān)業(yè)。當(dāng)然也需要對(duì)系統(tǒng)的應(yīng)用范圍，用戶(hù)特點(diǎn)，及客戶(hù)的一些規(guī)范要求等有所了解?；谝陨系牧私膺M(jìn)行頁(yè)面風(fēng)格的設(shè)計(jì)，基本上是使用做圖軟件，photoshop進(jìn)行展示效果設(shè)計(jì)。

前端一般是在UI之后的。UI設(shè)計(jì)好效果圖后，前端把效果圖進(jìn)行拆解。用開(kāi)發(fā)技術(shù)實(shí)現(xiàn)效果圖的各個(gè)功能內(nèi)容。前端技術(shù)需要了解的很多，html，javascript，css等，特別是javascript，最好對(duì)于java web開(kāi)發(fā)也有一定的了解。

UI是好看的設(shè)計(jì)，要有些美術(shù)底子，要有美感。一個(gè)系統(tǒng)項(xiàng)目對(duì)于UI的需求人員少一些，一般好點(diǎn)的UI可以做多個(gè)項(xiàng)目。

前端是技術(shù)開(kāi)發(fā)，更側(cè)重與技術(shù)實(shí)現(xiàn)。一個(gè)項(xiàng)目對(duì)于前端開(kāi)發(fā)需求人員看大小相對(duì)會(huì)多一些，稍微上點(diǎn)規(guī)模的項(xiàng)目都需要好幾個(gè)前端，還需要和后端配合一起完成整體項(xiàng)目的交付。

學(xué)習(xí)哪個(gè)，分析好自己的優(yōu)勢(shì)，如果覺(jué)得美感好，有美術(shù)底子，建議UI。如果邏輯性好，學(xué)習(xí)能力好，勁頭足的，可以學(xué)前端。

操作方法

01

一、產(chǎn)品型的ui設(shè)計(jì)師

懂ue、會(huì)看數(shù)據(jù)、懂用戶(hù)體驗(yàn)并且懂產(chǎn)品，能夠把需求實(shí)現(xiàn)所有設(shè)計(jì)稿給開(kāi)發(fā)是對(duì)于一位產(chǎn)品型的ui設(shè)計(jì)師的基本具備的能力要求。

02

在小型創(chuàng)業(yè)公司 模式里大家就看的出來(lái)，很多懂資本市場(chǎng)，懂團(tuán)隊(duì)建設(shè)，有資源、都會(huì)有成熟的項(xiàng)目。所以就需要一個(gè)可以獨(dú)自完成產(chǎn)品初期項(xiàng)目的核心技術(shù)人員。要是一個(gè)視覺(jué)ui設(shè)計(jì)師不懂得交互設(shè)計(jì)，用戶(hù)體驗(yàn)設(shè)計(jì)以及產(chǎn)品的話基本上就沒(méi)有什么出路，更別說(shuō)前途了。

03

在很多方面綜合來(lái)看ui的真正最終形態(tài)以及未來(lái)的發(fā)展方向也許是ue+ui。當(dāng)然很多大公司都會(huì)做職位的細(xì)分，但是小公司還沒(méi)有十分成型職位都是比較籠統(tǒng)的，因此會(huì)這些技能走到哪里都是很搶手。

04

二、偏運(yùn)營(yíng)的ui設(shè)計(jì)師

就要展露頭腳了，京東過(guò)年的時(shí)候各種無(wú)節(jié)操無(wú)下限的廣告就可以像我們證明這個(gè)現(xiàn)象。作為一個(gè)ui設(shè)計(jì)師應(yīng)該具備手繪、英文、文案、創(chuàng)意、策劃以及提案描述的能力。

05

互聯(lián)網(wǎng)在兩年前的激烈競(jìng)爭(zhēng)，一些傳統(tǒng)的互聯(lián)網(wǎng)廣告已經(jīng)讓用戶(hù)的使用入口基本上固定了。像一些購(gòu)物用某某寶、社交用什么、查看地圖用什么，這時(shí)廣告就該有新穎給人煥然一新的感覺(jué)才是。

06

而另一種則就屬于設(shè)計(jì)師個(gè)人的性格大戰(zhàn)了。在如今大多數(shù)的廣告格局都千篇一律因此一定要有一個(gè)獨(dú)特的個(gè)性化之路，讓用戶(hù)一眼便就記住了。所以各家廠商都要求個(gè)性化獨(dú)特設(shè)計(jì)推廣，因此就需要大量有才華的ui設(shè)計(jì)師展露本事了，擺脫傳統(tǒng)的限制。這方面設(shè)計(jì)師手繪造型能力越高的未來(lái)競(jìng)爭(zhēng)崗位就更有優(yōu)勢(shì)。

07

三、會(huì)新型技術(shù)的ui設(shè)計(jì)師

新技術(shù)就是視頻、攝影、3D、動(dòng)效等等。這幾項(xiàng)技能分開(kāi)就因?yàn)槭荲R虛擬現(xiàn)實(shí)

VR這個(gè)詞也非常的火，以后VR界面設(shè)計(jì)說(shuō)不定就是你來(lái)?yè)?dān)當(dāng)了，所以今早的做好準(zhǔn)備好好學(xué)習(xí)ui設(shè)計(jì)。有碼互聯(lián)本身立足于技術(shù)，有專(zhuān)業(yè)的技術(shù)團(tuán)隊(duì)，從產(chǎn)品經(jīng)理、ui設(shè)計(jì)、web前端、后臺(tái)開(kāi)發(fā)、傳授的不止是知識(shí)，更是一份經(jīng)驗(yàn)，一份職業(yè)，一份素養(yǎng)。

08

四、有自己的ui設(shè)計(jì)理念懂代碼

這么一位ui設(shè)計(jì)師要具備的能力那就無(wú)非是動(dòng)效、建站、代碼并可以獨(dú)立完成H5類(lèi)的推廣頁(yè)面，要是懂后臺(tái)那就更完美了。一般小公司里面的開(kāi)發(fā)都會(huì)有1-2個(gè)設(shè)計(jì)，但是開(kāi)發(fā)有6-10個(gè)，由此看的出來(lái)開(kāi)發(fā)者的未來(lái)是一片美好。作為一名會(huì)代碼的ui設(shè)計(jì)師簡(jiǎn)直就是設(shè)計(jì)界里的戰(zhàn)斗機(jī)。

UI通常是指UI設(shè)計(jì)，有的人可能對(duì)這個(gè)名詞有點(diǎn)陌生，有必要在這里解釋說(shuō)明一下，UI是user interface的縮寫(xiě)，翻譯過(guò)來(lái)可以稱(chēng)它為用戶(hù)界面。通俗點(diǎn)說(shuō)就是我們用的軟件的人機(jī)交互的部分，主要的任務(wù)是做頁(yè)面美觀。

UI后端需要大家學(xué)習(xí)的東西比較多，比如計(jì)算機(jī)基礎(chǔ)，數(shù)據(jù)庫(kù)，linux系統(tǒng)，編程思想，各種中間件的學(xué)習(xí)，搜索引擎，開(kāi)發(fā)框架，分布式系統(tǒng)學(xué)習(xí)，高并發(fā)，虛擬化，maven，git等版本控制工具。更有甚者，大數(shù)據(jù)，人工智能，圖像處理也要去學(xué)習(xí)。

前端通過(guò)http的方式和后端通信，進(jìn)行數(shù)據(jù)的傳輸，當(dāng)前端獲取到后端的數(shù)據(jù)后，可能就要去填充表單的內(nèi)容。后端提供相應(yīng)的接口，前端通過(guò)封裝請(qǐng)求參數(shù)的方式，去請(qǐng)求后端，獲取想要的數(shù)據(jù)。