中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

2015年，國內(nèi)HTML5平臺以提供制作和開發(fā)工具為主，分為輕營銷模板類（如易企秀）、功能引擎類和基礎(chǔ)工具類（如iH5）三種。伴隨這些平臺的逐步發(fā)展，HTML5行業(yè)開始由技術(shù)應(yīng)用轉(zhuǎn)向整個(gè)行業(yè)的良性生態(tài)化。

1.HTML5平臺的興起

2014年，在微信平臺的幫助下，HTML5社交小游戲獲得爆炸式傳播，同期為HTML5平臺以提供制作工具服務(wù)進(jìn)入市場的起點(diǎn)。到了2015年，越來越多公司在HTML5品牌推廣上進(jìn)行布局。

6至7月份起，雞湯、自媒體等個(gè)人作品呈下降趨勢，商企用戶作品則保持高速增長。在商業(yè)需求的驅(qū)動下，HTML5頁面設(shè)計(jì)的目的性更強(qiáng)，獲得最好傳播效果的基本是經(jīng)過一定時(shí)間策劃，在團(tuán)隊(duì)操作下有針對性地進(jìn)行投放的企業(yè)案例。

相對應(yīng)地，原有HTML5平臺也進(jìn)行了大面積升級。從平臺性質(zhì)而言，HTML5平臺可分為輕營銷模板類、功能引擎類和基礎(chǔ)工具類三種，分別以易企秀、白鷺引擎和iH5為代表。

三類HTML5平臺的特點(diǎn)如下——

（1）輕營銷模板類

提供類似PPT頁面切換的HTML5制作工具，通常面向C端（個(gè)人）用戶，部分為B端（企業(yè)）用戶。該類平臺的數(shù)量較大，只適用于輕度營銷，所能提供的頁面動態(tài)效果局限于翻頁。

（2）功能引擎類

提供HTML5網(wǎng)頁的開發(fā)引擎，通常面向B端用戶。該類平臺主要提供基于Canvas（畫布）的游戲引擎，適用于輕游戲的開發(fā)，依賴于開發(fā)者。

（3）基礎(chǔ)工具類

提供用于頁面交互的HTML5可視化編輯工具，主要面向B端用戶，部分為C端用戶。該類平臺只有iH5，采用自主研發(fā)的閉源引擎，應(yīng)用領(lǐng)域廣泛，涵蓋輕度營銷、重度營銷、媒體電商內(nèi)容應(yīng)用、視頻、動畫、游戲等方面。

與瀏覽器多采用谷歌開源引擎的狀況相近，國內(nèi)HTML5平臺基本使用國內(nèi)外開源框架或引擎。但和瀏覽器面向網(wǎng)頁內(nèi)容顯示，只需提供高性能的技術(shù)支持不同，HTML5平臺面向的是HTML5制作或開發(fā)，需要對網(wǎng)頁質(zhì)量負(fù)責(zé)。因此，使用開源框架或引擎意味著這些HTML5平臺進(jìn)一步拓展業(yè)務(wù)會比較被動，容易面臨同質(zhì)化的困境。

2.輕營銷模板類平臺

輕營銷模板類HTML5平臺只能做輕度營銷，能實(shí)現(xiàn)翻頁等簡單動效，分為場景展示、電子出版和動畫制作三種。該類平臺最大的共同點(diǎn)在于工具結(jié)構(gòu)以頁面為基礎(chǔ)，與軟件PowerPoint架構(gòu)相近，能通過增減頁面、使用功能組件和點(diǎn)擊快捷菜單來調(diào)整內(nèi)容。

圖1 易企秀的桌面編輯工具界面

2015年國內(nèi)展示應(yīng)用類市場份額最大的是易企秀，采用Bootstrap、Angular之類的開源前端框架。如圖1為其PC端工具的基本架構(gòu)，劃有四大分區(qū)。它的分區(qū)設(shè)置分別對應(yīng)著展示應(yīng)用類HTML5工具的四個(gè)重要特征：

（1）嵌入編輯界面的模板，暗含較低的學(xué)習(xí)門檻。

在窗口中固定模板區(qū)，有利于強(qiáng)化場景應(yīng)用或電子出版的設(shè)計(jì)定位，同時(shí)說明模板和工具的易用性較強(qiáng)，容易學(xué)習(xí)。

（2）菜單工具以模塊組件為主，表示有限的可拓展性。

不同模塊分別裝有一組固定對象，單個(gè)對象無法獨(dú)立出來，因此只能在模塊整體中進(jìn)行對象編輯操作。

（3）基本結(jié)構(gòu)為頁面布局，決定HTML5的交互效果以翻頁為主。

展示應(yīng)用類平臺的桌面在線編輯器和移動APP工具一律使用頁面結(jié)構(gòu)，相當(dāng)于借助HTML5的跨平臺特性，把傳統(tǒng)的離線演示文稿轉(zhuǎn)換為在線展示。

（4）手機(jī)形狀的輸出工作臺，可見基本面向微信應(yīng)用。

輸出區(qū)也提供素材的簡單編輯功能，面向手機(jī)端主要適用于場景應(yīng)用和電子出版平臺，取決于市場對微信平臺案例的較高需求。

展示應(yīng)用類HTML5平臺由于采取開源框架或引擎，自主開發(fā)能力有限，采用PPT的設(shè)計(jì)思路，某種程度上有悖于HTML5開發(fā)的初衷。但這類平臺迎合了大部分個(gè)人用戶的制作需求，能提供基礎(chǔ)的在線展示功能。

3.功能引擎類平臺

引擎相當(dāng)于一套可編輯的源碼系統(tǒng)，能讓開發(fā)者在現(xiàn)成框架內(nèi)快速創(chuàng)建項(xiàng)目。功能引擎類HTML5平臺提供游戲和非游戲兩種引擎，應(yīng)用較廣的是游戲引擎。

2015年國內(nèi)發(fā)展較快的是白鷺引擎（Egret?Engine），面向開發(fā)者，用于移動游戲開發(fā)。它屬于2D游戲類型的開源社區(qū)框架，由各地開發(fā)者共同維護(hù)和更新，并遵循伯克利軟件套件（BSD）開源協(xié)議。

引擎是HTML5工具的基礎(chǔ)，預(yù)先部署合適的對象處理機(jī)制，常和工具套件配合使用。因此，白鷺通過技術(shù)論壇等社區(qū)，整合國外一些開源框架資源，把它們包裝成編輯工具或插件提供開發(fā)者下載使用。

圖2 Egret Wing軟件設(shè)計(jì)師視圖界面

圖2為Egret Wing軟件設(shè)計(jì)師視圖下的基本架構(gòu)。該軟件面向HTML5移動游戲的開發(fā)，體現(xiàn)了國內(nèi)游戲引擎類HTML5工具的三個(gè)重要特征：

（1）使用者主要為程序員。

引擎的作用在于把基礎(chǔ)代碼流程化，則在HTML5引擎的支持下設(shè)計(jì)軟件，HTML5平臺就能通過讓用戶使用軟件組件來簡化開發(fā)過程。因此，功能引擎類HTML5平臺的用戶專指性很強(qiáng)，主要是有開發(fā)經(jīng)驗(yàn)的技術(shù)人員。

（2）提供可視化編輯工具。

由于基于第三方集成開發(fā)環(huán)境Adobe Air開發(fā)構(gòu)建，從界面上看Egret Wing與Adobe系列軟件很相似，但其實(shí)它的功能更接近于Eclipse等開發(fā)工具。因此它可視化的并非資源對象的編輯，而主要為資源的管理。

（3）使用Canvas進(jìn)行渲染。

HTML5的一個(gè)重要特性即引入元素和一些相關(guān)的圖形繪制API，HTML5游戲開發(fā)使用Canvas，有利于渲染速度的提高。

由于主要面向開發(fā)者，加上游戲引擎仍以Unity3D、Cocos2D-X等非HTML5引擎為主等原因，2015年國內(nèi)功能引擎類HTML5平臺的市場份額較低。

3.基礎(chǔ)工具類平臺

基礎(chǔ)工具類HTML5平臺提供底層交互型產(chǎn)品，開發(fā)目的、設(shè)計(jì)原理和實(shí)現(xiàn)思路都以交互為基礎(chǔ)，國內(nèi)只有iH5。

iH5原名為VXPLO互動大師，提供HTML5制作工具、工具培訓(xùn)和作品交易等服務(wù)，新網(wǎng)站于2015年9月上線，主要面向企業(yè)用戶。它本質(zhì)上封裝了DOM（文檔對象模型）引擎的一個(gè)集成開發(fā)環(huán)境，使用者以設(shè)計(jì)師為主，適合廣告公司、大型媒體公司和公司市場部等使用。

圖3 iH5的桌面編輯工具界面

和展示應(yīng)用類HTML5平臺相似，iH5的桌面工具也是PC端網(wǎng)站，以可視化編輯為主并提供HTML5源碼，但架構(gòu)上更接近于設(shè)計(jì)軟件和開發(fā)軟件的結(jié)合。如圖3所示，分區(qū)設(shè)置體現(xiàn)了基礎(chǔ)工具類HTML5平臺的三個(gè)重要特征：

（1）基本結(jié)構(gòu)為DOM，體現(xiàn)工具思路以交互為主。

通過“對象樹”把對象作為一個(gè)個(gè)結(jié)點(diǎn)進(jìn)行管理，對象就是資源管理和頁面編輯的基本單元，因此能提供多元化的交互方法。但這也意味著工具使用過程中需要培養(yǎng)編程思維，含有一定學(xué)習(xí)成本。

（2）工具以對象組件為主，表示可拓展性較強(qiáng)。

iH5平臺工具欄提供的是舞臺、屏幕、頁面、多媒體素材、事件、數(shù)據(jù)庫等對象組件，而不是構(gòu)建好的模塊組件。這些對象近似于HTML5標(biāo)準(zhǔn)中的各個(gè)元素，通過設(shè)置這些對象的屬性，即對各元素的參數(shù)進(jìn)行規(guī)定。

（3）輸出區(qū)同時(shí)作為編輯區(qū)，對資源處理過程進(jìn)行可視化。

在輸出工作臺上可以對圖片、視頻和網(wǎng)頁等素材進(jìn)行尺寸、位置的簡單編輯，完成一定的可視化操作，但編輯主要依賴于參數(shù)區(qū)的屬性設(shè)置。

在提供可視化編輯的前提上，iH5最大程度還原了HTML5頁面的開發(fā)過程，具有較高的拓展性。由于提供底層交互功能，它的應(yīng)用領(lǐng)域較廣泛，能用于微信推廣、網(wǎng)站建設(shè)、輕游戲設(shè)計(jì)、輕APP開發(fā)和視頻交互等多個(gè)方面。

4.不同類型平臺的對比

因?yàn)檎w上移動端瀏覽器對HTML5的支持優(yōu)于PC端，2015年HTML5平臺主要面向移動端網(wǎng)頁的制作和開發(fā)。

HTML5平臺定位與工具特征對比

如上表，三種HTML5平臺以PC網(wǎng)站、APP和軟件三種形式提供制作或開發(fā)工具，成品為網(wǎng)頁或HTML5源碼。

其中，HTML5游戲引擎利用2D Canvas進(jìn)行渲染，雖然能提高網(wǎng)頁速度，但也存在兩個(gè)劣勢：

1. 逐幀進(jìn)行渲染，難以區(qū)分頁面中的單個(gè)對象，因此交互動作一般局限于鼠標(biāo)點(diǎn)擊和懸停；
2. 缺乏屏幕自適應(yīng)方案，沒有額外修改時(shí)，開發(fā)出的網(wǎng)頁難以適用于不同屏幕尺寸。

其他類型的HTML5平臺能提供諸如滑動等交互效果，取決于其網(wǎng)頁采用DOM結(jié)構(gòu)，因而具有較強(qiáng)的交互能力。屏幕自適應(yīng)方面，HTML5平臺做得最好的是iH5的多屏幕感應(yīng)式設(shè)計(jì)方案，能為同一個(gè)網(wǎng)頁設(shè)置不同尺寸大小的屏幕，自動監(jiān)測相近尺寸設(shè)備進(jìn)行自適應(yīng)。因此，從長遠(yuǎn)來看，基礎(chǔ)工具類平臺由于在工具設(shè)計(jì)上自主性較強(qiáng)，更有可能獲得較好發(fā)展。

同樣是HTML5規(guī)范，對HTML5技術(shù)與性能的取舍成為國內(nèi)HTML5平臺工具定位和提供服務(wù)的差別所在。

國內(nèi)展示應(yīng)用類平臺的活躍用戶量較大，但受工具功能限制，成品受眾比較有限；功能引擎類平臺開發(fā)出的網(wǎng)頁能保證較高的收益，但受工具開源限制，平臺需要探索有效的盈利模式；基礎(chǔ)工具類平臺的活躍用戶和流量較高，但受工具復(fù)雜性限制，缺乏個(gè)人用戶。

2015年，易企秀逐漸在海外布局，白鷺把重心放在開發(fā)解決方案，iH5推出了社交功能和交易平臺。不同HTML5平臺的優(yōu)劣主要與平臺定位有關(guān)，但可以肯定的是盈利模式更好的平臺未來更有可能獲得較好發(fā)展。

本文由 @?孟智平?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。