當(dāng)前位置：首頁 >問答首頁 >UI設(shè)計

UI和前端的不同

2024-05-14 12:28:42

web前端開發(fā)工程師班移動UI設(shè)計進階班游戲UI設(shè)計師班商業(yè)插畫班手繪速成班

ps速成班

精選回答

來自

無奈迎雪糕的回答 2024-05-14 19:56:43

UI設(shè)計和Web前端的工作并不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個人來做的。ui與web前端的區(qū)別主要有：

1、概念不同 UI設(shè)計（或稱界面設(shè)計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI，UI即User Interface(用戶界面)的簡稱。 web前端是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。

2、研究方向不同 UI設(shè)計的研究方向是：用戶研究、交互設(shè)計、界面設(shè)計； web前端的研究方向是技術(shù)方向：包括html、css、js等需要編寫代碼。

3、職業(yè)機會不同 UI設(shè)計的職業(yè)方向是：前端開發(fā)工程師、資深前端開發(fā)工程師、前端架構(gòu)師等； web前端的職業(yè)方向是：圖形設(shè)計師、交互設(shè)計師、用戶測試/研究工程師等；計交給美工來做，把html5、css、js的添加交給web前端工程師來做，

4、工作內(nèi)容不同 UI前端：主要負責(zé)系統(tǒng)/app，UI界面設(shè)計，以及html代碼實現(xiàn)，主要工作偏向于設(shè)計。 web前端：主要講ui提供的設(shè)計圖，編碼成靜態(tài)html，實現(xiàn)所有特效；并負責(zé)所有交互的對接，對js要求較高，會要求一些后臺接口的開發(fā)工作，因此對后臺開發(fā)語言也有一定的要求。

5、所需技術(shù)不同 web前端會用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術(shù)知識；而UI前端需要是有很好的審美能力，通常需要有美術(shù)設(shè)計教育背景。

來自

鯉魚亦獵豹的回答 2024-05-14 19:56:43

從名稱上就可以看出二者的不同。設(shè)計重點在于考慮web頁面的布局、顏色搭配，甚至字體字號大小等方面，一般由ui工程師設(shè)計完成，成果形式一般為圖片格式，而開發(fā)則需要將設(shè)計好的WEB樣式轉(zhuǎn)化為網(wǎng)頁格式，并將里面的用戶交互、數(shù)據(jù)處理、與后臺的數(shù)據(jù)交換等工作通過編寫腳本程序來實現(xiàn)。