html5和ui有什么區(qū)別 HTML5開發(fā)與UI設(shè)計(jì)二者之間還是有區(qū)別的。二者之間的區(qū)別主要有以下幾點(diǎn)：

html5和ui有什么區(qū)別_html5 ui 開源框架，從定義方面來看：HTML5開發(fā)主要是前端開發(fā)，HTML5他是萬維網(wǎng)的核心語言，是標(biāo)準(zhǔn)通用標(biāo)記下的一個應(yīng)用超文本標(biāo)記語言的第五次重大修改。通常網(wǎng)站上的大部分網(wǎng)頁均是用HTML編寫而成;UI設(shè)計(jì)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。 從二者從業(yè)人員的崗位需求來看，HTML5開發(fā)從業(yè)人員稱為HTML5前端工程師，而UI設(shè)計(jì)的從業(yè)人員稱為UI設(shè)計(jì)工程師。 HTML5前端開發(fā)工程師的崗位需求主要有：熟練運(yùn)用HTML、CSS進(jìn)行網(wǎng)頁制作、深刻理解W3C WEB標(biāo)準(zhǔn)，對可用性、可訪問性等相關(guān)知識有實(shí)際的應(yīng)用、熟練使用jquery/jqtouch/jquerymobile等流行框架之一; 而UI設(shè)計(jì)工程師的崗位需求主要有以下幾點(diǎn)：負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作、根據(jù)相關(guān)軟件的用戶群提出構(gòu)思新穎有高度吸引力的創(chuàng)意設(shè)計(jì)等。二者之間除了有所區(qū)別，UI設(shè)計(jì)和HTML5開發(fā)還有一定的聯(lián)系，所以需要注意以下： HTML5開發(fā)人員由于所從事的工作主要是前端方面的，用戶體驗(yàn)度對于HTML5前端開發(fā)人員有很高的要求，所以HTML5前端工程師需要有一定的UI基礎(chǔ);同樣UI設(shè)計(jì)相關(guān)的從業(yè)人員也需要掌握一定的HTML5知識。由此可知二者之間既有區(qū)別又有聯(lián)系，二者之間更是相輔相成的。

html5 ui 開源框架 1.Ratchet專門針對移動設(shè)備優(yōu)化的CSS框架，屬于bootstrap家族之中的一員，速度很快，封裝之后基本感覺不出跟Native APP的差別。

提供了一些常見控件的調(diào)用，比如按鈕、iphone上的segmented control,開關(guān)鍵，列表視圖。 2.MUI 國產(chǎn)的，配合官方的IDE Hbuilder使用，在安卓上使用原生轉(zhuǎn)場動畫以加速，算是目前在低端安卓設(shè)備上表現(xiàn)比較好的Hybrid框架，UI控件模仿了上面ratchet，上手很快,不過出來沒多久，還不夠成熟，實(shí)際用的時候會遇到各種小bug，且需要了解一些基本的Native應(yīng)用知識。 3.Ionic 一套比較完善的Hybrid App開發(fā)方案，配合Angular JS使用，很強(qiáng)大。官方近還推出了一個拖拽布局的工具，ionic creator。 整體來說，比較成熟的一個方案。 4.Onsen UI跟ionic比較類似，也是比較好配合Angular JS使用，官方寫了幾個不錯的patterns，可以拿來就用。 以上幾個框架，MUI是封裝了HTML5+ API，其余的一般都是配合cordova使用的。

amaze ui Amaze UI是國內(nèi)首款Html5開源跨屏前端框架，出色開源前端框架，擁有豐富的CSS+JS組件。輕量級高性能開源框架，以移動優(yōu)先(Mobile first)為理念，從小屏逐步擴(kuò)展到大屏，終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動互聯(lián)潮流;面向 HTML5 開發(fā)，使用 CSS3 來做動畫交互，平滑、高效，更適合移動設(shè)備，讓 Web 應(yīng)用更快速載;含近 20 個 CSS 組件、10 個 JS 組件，更有 17 款包含近 60 個主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)出色的跨屏頁面，大幅提升開發(fā)效率;相比國外框架，Amaze UI 關(guān)注中文排版，根據(jù)用戶代理調(diào)整字體，實(shí)現(xiàn)更好的中文排版效果;兼顧國內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。

amaze ui和bootstrap 1.bootstrap文件體積比amazeUI小很多

2.bootstrap中文文檔寫得好, 通俗易懂. 用得人多, 出色案例多, 前面填坑的人多. 網(wǎng)上各種教程插件多, 遇到問題更容易搜索到解決方案一些.

3.bootstrap的傻瓜式定制要比amazeUI全一些,強(qiáng)一些.

4.amazeUI的默認(rèn)界面更扁平化一些

5.bootstrap是標(biāo)準(zhǔn)盒模型, 為一個元素設(shè)置了尺寸, 它實(shí)際影響的范圍要去計(jì)算

html5 移動ui框架 1.IONIC 是目前有潛力的一款HTML5手機(jī)應(yīng)用開發(fā)框架。通過SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。它使用Java锝擄絻锝掞綁锝愶綌 MVVM框架和 AngularJS來增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動開發(fā)者的共同選擇。即將發(fā)布的AngularJS 2.0將會專注于移動開發(fā)，相信IONIC一定會取得不錯的成就 。

2.Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動開發(fā)HTML5框架。

Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。

AngularJS modules，比如 angular-route, angular-touch 和 angular-animate

3.Intel XDK 是Inter開發(fā)的一款跨平臺開發(fā)工具，我們可以很容易的通過Intel XDK開發(fā)應(yīng)用，你需要做的只是下載他們的應(yīng)用開發(fā)工具 ，有Linux、Windows和Mac版，它還提供了很多個開發(fā)框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

4.Appcelerator’s Titanium 不同于其它框架的是，它是一個開源的框架。

5.Sencha Touch同樣也是HTML5手機(jī)應(yīng)用跨平臺開發(fā)框架，運(yùn)行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開發(fā)框架。

6.Telerik’s Kendo UI 是一個強(qiáng)大的框架用于快速HTML5 UI開發(fā)。基于新的HTML5、CSS3和Java锝擄絻锝掞綁锝愶綌標(biāo)準(zhǔn)。

7.PhoneGap 恐怕是老的一個框架了，相信很多人都已經(jīng)聽說過甚至使用過它，但是PhoneGap是基于開源的 Cordova 商業(yè)版本。