區(qū)別：1、html5開發(fā)屬于前端編程，而UI設(shè)計(jì)屬于設(shè)計(jì)領(lǐng)域；2、html開發(fā)崗位需要掌握很多開發(fā)語言和框架，而UI設(shè)計(jì)崗位需熟悉使用PS、AE、AI等軟件；3、HTML5開發(fā)可從事web頁面開發(fā)、游戲開發(fā)等，而UI設(shè)計(jì)可從事界面設(shè)計(jì)等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展帶來了很多的新興的產(chǎn)品，以及用戶需求的提升，當(dāng)前HTML5和UI成為人們熟悉你的熱門的崗位，很多的人都覺得從事HTML5開發(fā)一定要懂得UI設(shè)計(jì)的知識(shí)，而UI設(shè)計(jì)也必定會(huì)用到HTML5開發(fā)技術(shù)，事實(shí)真的是這樣嗎？這兩者之間到底有著怎樣的聯(lián)系吶？

html5開發(fā)和ui設(shè)計(jì)之間有什么區(qū)別？

A、定義不同

HTML5是屬于前端編程，日常中我們常見的頁面基本上都是使用HTML5進(jìn)行編寫的。據(jù)百度百科給出的定義是：HTML5是萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改。

UI設(shè)計(jì)屬于設(shè)計(jì)領(lǐng)域，百度百科給出的定義是：UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

B、崗位需求不同

html開發(fā)這個(gè)崗位對(duì)于前端技術(shù)的要求是非常多的，需要掌握的很多開發(fā)語言和框架工具，如：HTML5、CSS3、Java進(jìn)行網(wǎng)頁制作，熟悉jQuery、Vue.js等常見框架開發(fā)，熟悉移動(dòng)端web開發(fā)或Hybrid開發(fā)模式等，對(duì)于UI設(shè)計(jì)的要求很簡(jiǎn)單，只需要掌握技術(shù)的UI知識(shí)即可，如：ps的熟練使用，UI設(shè)計(jì)理念的了解等。

UI設(shè)計(jì)崗位主要是負(fù)責(zé)軟件和游戲的界面、網(wǎng)頁的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作，需要依據(jù)相關(guān)軟件的用戶群提出構(gòu)思新穎有高度吸引力的創(chuàng)意設(shè)計(jì)，熟悉使用PS、AE、AI、Axure RP等軟件，而關(guān)于HTML5開發(fā)的知識(shí)只需要掌握HTML5、css3、js特效的基礎(chǔ)知識(shí)即可，最后將設(shè)計(jì)作品交由前端工程師開發(fā)。

C、工作內(nèi)容不同

HTML5開發(fā)所從事的工作主要是web頁面開發(fā)、游戲開發(fā)、app開發(fā)、小程序開發(fā)等，日常最主要的工作也就是敲代碼。

UI設(shè)計(jì)從事的主要是網(wǎng)頁設(shè)計(jì)、app界面設(shè)計(jì)、游戲界面設(shè)計(jì)等工作，而日常的工作就是需求調(diào)查、視覺設(shè)計(jì)、交換設(shè)計(jì)等，敲代碼的工作比較少，