前端設(shè)計(jì)和ui設(shè)計(jì)的區(qū)別是什么

前端設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別是研究方向，UI是用戶研究，交互設(shè)計(jì)，界面設(shè)計(jì)，web前端是HTML，CSS，JS等，需要編寫(xiě)代碼；職業(yè)機(jī)會(huì)不同，UI設(shè)計(jì)：前端開(kāi)發(fā)工程師，高級(jí)前端開(kāi)發(fā)工程師，前端架構(gòu)師等，web前端：平面設(shè)計(jì)師、交互設(shè)計(jì)師、用戶測(cè)試等

前端設(shè)計(jì)與UI設(shè)計(jì)

{1有什么區(qū)別。不同的研究方向

UI設(shè)計(jì)研究方向是：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)；

web前端研究方向是技術(shù)方向：包括HTML、CSS、JS等。

UI設(shè)計(jì)的職業(yè)方向是：前端開(kāi)發(fā)工程師、高級(jí)前端開(kāi)發(fā)工程師、前端工程師架構(gòu)師等；

web前端的職業(yè)方向是：平面設(shè)計(jì)師、交互設(shè)計(jì)師、用戶測(cè)試/研究工程師等

不同工作內(nèi)容

UI前端：主要負(fù)責(zé)系統(tǒng)/應(yīng)用程序、UI界面設(shè)計(jì)，以及HTML代碼實(shí)現(xiàn)，主要工作趨向于設(shè)計(jì)。

web前端：主要討論UI提供的設(shè)計(jì)圖，這些設(shè)計(jì)圖被編碼成靜態(tài)HTML來(lái)實(shí)現(xiàn)所有的特效；它還負(fù)責(zé)所有交互的對(duì)接。它對(duì)JS有較高的要求，需要開(kāi)發(fā)一些后臺(tái)接口，因此對(duì)后臺(tái)開(kāi)發(fā)語(yǔ)言也有一定的要求。

4。不同技術(shù)

web前端會(huì)用到bootstrap、Vue、jQuery、JavaScript、CSS、HTML等技術(shù)知識(shí)；

和UI前端需要有良好的審美能力，通常需要有藝術(shù)設(shè)計(jì)教育背景。

前端設(shè)計(jì)和UI設(shè)計(jì)需要學(xué)習(xí)什么

UI設(shè)計(jì)：

1、平面設(shè)計(jì)

這一階段主要面向零基礎(chǔ)的學(xué)生，學(xué)習(xí)內(nèi)容主要包括企業(yè)VI設(shè)計(jì)、企業(yè)畫(huà)冊(cè)設(shè)計(jì)、平面設(shè)計(jì)和后期打印等知識(shí)。學(xué)習(xí)工具有PS、AI和CorelDRAW。經(jīng)過(guò)這段時(shí)間，你可以做大部分的平面設(shè)計(jì)工作。

在這一階段，我們將學(xué)習(xí)web界面設(shè)計(jì)、PC客戶端軟件界面設(shè)計(jì)、XHTML/HTML5語(yǔ)言、CSS樣式表、布局技巧、瀏覽器兼容性等技術(shù)。

3，移動(dòng)界面設(shè)計(jì)

這一階段是UI設(shè)計(jì)的真正核心，學(xué)習(xí)內(nèi)容包括：主流風(fēng)格圖標(biāo)設(shè)計(jì)、交互設(shè)計(jì)、移動(dòng)界面設(shè)計(jì)、學(xué)習(xí)工具進(jìn)一步擴(kuò)展到：AxEU、AI、像素廚師、墨刀等{

1，HTML5基礎(chǔ)

這一階段主要學(xué)習(xí)HTML5，CSS3，JavaScript基金會(huì)；

2，JavaScript核心

本階段學(xué)習(xí)JavaScript核心，DOM編程，完成各種頁(yè)面動(dòng)態(tài)效果和動(dòng)態(tài)交互；

3，Web前端核心

學(xué)習(xí)內(nèi)容包括：jQuery，HTML5+CSS3，完成各種頁(yè)面功能和效果，對(duì)實(shí)現(xiàn)服務(wù)器的通信分析和訂單頁(yè)面的功能分析有一定的參考價(jià)值。