整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
眼間，一年一度的圣誕節(jié)又來(lái)臨了。在這個(gè)越來(lái)越受到國(guó)人重視的節(jié)日中，每個(gè)人有每個(gè)人的浪漫方式，當(dāng)然程序員們也不例外。
下面就來(lái)看看程序員們是如何為這個(gè)節(jié)日增添不一樣的氣氛的。
1. 使用canvas功能繪制的簡(jiǎn)單圣誕樹(shù)
在繪圖板中繪制下面這個(gè)圖形并不算什么難事，但是使用代碼來(lái)生成這個(gè)圣誕樹(shù)卻需要一定的HTML5基礎(chǔ)。
下面這個(gè)圖形使用HTML5中的<canvas>標(biāo)簽來(lái)繪制，如果你熟悉HTML5，這對(duì)你來(lái)說(shuō)輕而易舉。
源碼：Merry Christmas – HTML5, JS, and CSS3 – @SPJeff
2. 雪花效果
jQuery的出現(xiàn)，讓各種動(dòng)畫(huà)效果變得更加容易。比如，你可以通過(guò)jQuery、jQuery.snow.js插件以及少量的代碼，就可以讓頁(yè)面中飄舞這雪花。
源碼：tzach/merry-christmas
3. 一個(gè)非常漂亮的圣誕賀卡
該賀卡通過(guò)Construct2制作，然后通過(guò)c2runtime.js使得該賀卡可以直接在網(wǎng)頁(yè)中運(yùn)行。Construct2是一款用來(lái)制作HTML5應(yīng)用的軟件，擁有一個(gè)清晰直觀、支持“拖拽”操作的開(kāi)發(fā)環(huán)境，即使你沒(méi)有任何編程經(jīng)驗(yàn)也能開(kāi)發(fā)自己的HTML5應(yīng)用。
演示：tzach/merry-christmas
三、來(lái)自中級(jí)程序員的問(wèn)候
隨著編程技能的進(jìn)一步掌握，你可以使用稍復(fù)雜的技術(shù)來(lái)實(shí)現(xiàn)一些更絢麗的效果。
1. CSS3實(shí)現(xiàn)圣誕樹(shù)動(dòng)畫(huà)
該動(dòng)畫(huà)主要使用CSS3實(shí)現(xiàn)各種轉(zhuǎn)場(chǎng)效果，并使用了HTML5中的<audio>標(biāo)簽來(lái)播放音頻文件。同時(shí)還使用了StyleFix和PrefixFree腳本，這樣在編寫(xiě)代碼時(shí)可以不用為特定的CSS3屬性添加瀏覽器前綴，也可以在其他瀏覽器中播放。
演示：Christmas Experiments
源碼：podrivo/christmas
2. HTML表單元素制作的圣誕樹(shù)
下面這個(gè)圣誕樹(shù)沒(méi)有采用松樹(shù)的形式，而是采用了HTML表單元素來(lái)制作，比如輸入框、單選鈕，進(jìn)度條，按鈕等。
演示：DOM Tree
源碼：hakimel/DOM-Tree
3. 3D雪花效果
該效果使用HTML5的<canvas>標(biāo)簽和three.js實(shí)現(xiàn)了3D的雪花飛舞效果。你可以拖動(dòng)鼠標(biāo)進(jìn)行旋轉(zhuǎn)。
演示：hakimel/DOM-Tree
源碼：sebleedelisle/live-coding-presentations
四、來(lái)自高級(jí)程序員的問(wèn)候
1. 代碼不到1KB的3D圣誕樹(shù)
下面這個(gè)3D圣誕樹(shù)只用1021字節(jié)的JavaScript代碼編寫(xiě)而成，逼真的3D及旋轉(zhuǎn)效果，將JavaScript功能發(fā)揮到了極致。
演示：JS1k 2010 - Demo 856
源碼如下：
avascript代碼：
M=Math;Q=M.random;J=[];U=16;T=M.sin;E=M.sqrt;for(O=k=0;x=z=j=i=k<200;)
with(M[k]=k?c.cloneNode(0):c){
width=height=k?32:W=446;with(getContext('2d'))
if(k>10|!k)for(font='60px Impact',V='rgba
(';I=i*U,fillStyle=k?k==13?V+'205,205,215,.15)':
V+(147+I)+','+(k%2?128+I:0)+','+I+',.5)':'#cca',i<7;)
beginPath(fill(arc(U-i/3,24-i/2,k==13?4-(i++)/2:8-i++,0,M.PI*2,1)));
else for(;x=T(i),y=Q()*2-1,D=x*x+y*y,B=E(D-x/.9-1.5*y+1),
R=67*(B+1)*(L=k/9+.8)>>1,i++<W;)
if(D<1)beginPath(strokeStyle=V+R+','+(R+B*L>>0)+',40,.1)'),
moveTo(U+x*8,U+y*8),lineTo(U+x*U,U+y*U),stroke();
for(y=H=k+E(k++)*25,R=Q()*W;P=3,j<H;)J[O++]=[x+=T(R)*P+Q()*6-3,y+=Q()*U-8,
z+=T(R-11)*P+Q()*6-3,j/H*20+((j+=U)>H&Q()>.8?Q(P=9)*4:0)>>1]}
setInterval(function G(m,l){A=T(D-11);
if(l)return(m[2]-l[2])*A+(l[0]-m[0])*T(D);
a.clearRect(0,0,W,W);J.sort(G);for(i=0;L=J[i++];
a.drawImage(M[L[3]+1],207+L[0]*A+L[2]*T(D)>>0,L[1]>>1))
{if(i==2e3)a.fillText('Merry Christmas!',U,345);
if(!(i%7))a.drawImage(M[13],((157*(i*i)+T(D*5+i*i)*5)%W)>>0,
((113*i+(D*i)/60)%(290+i/99))>>0);}
D+=.02},1)2. 代碼不到1KB的雪景效果
下面這個(gè)場(chǎng)景也是由不到1KB的JavaScript代碼生成。
演示：JS1k 2010 - Demo 855
源碼如下：
avascript代碼：
for(p in a)a[p[0]+(p[6]||'')]=a[p];
var M=Math,C=M.cos,S=M.sin,R=M.random,T=0,x=[],y=[],
W=innerWidth,H=innerHeight,L=2047,Z=100,V=20,N=511,M=1337;
c.width=W,b.style.overflow='hidden',b.style.margin='0px',c.height=H;
g='globalAlpha';h='fillStyle';for(i=N;i--;){x[i]=L*R();
y[i]=L*R()}setInterval(function(){T+=1/V;a[g]=0.2;
function m(c){a[h]=c}m('#002');a.fc(0,0,W,H);
a[g]=1;u=1;m('#ffc');for(i=0;i<N/3;++i){
d=u=(u*M+1)&L;u=(u*M+1)&L;if(C(T*Z+i)<0.5){a.fx("\u2605",d,u)}}a.ba();
a.arc(2*W/3,H/3,40,0,6.3,1);a.ca();a.fill();m('#cfc');
B=H-V;for(j=0;j<5;++j){s=90-j*V;a.font=s+"px serif";
F=1;for(i=0;i<W;i+=(F=(F*M)%Z)){a.fx("\u25B2",i-s/2,B+S(i)*30);
}B-=s/2;}m('#eef');for(i=N;i--;){e=x[i];f=y[i];a.fx("\u06DE",e,f);
y[i]=(f+1)%L;x[i]=(e+C(i+T)/3)%L}for(i=N*3;i--;)
{a.fc((x[i&N]+i)&L,(y[i&N]+i)&L,1,1)}for(i=W;i--;)
{d =Z+V*S(i/Z)+S(i/10);a.fc(i,H-d,1,d)}},50);此外還有很多1KB代碼編寫(xiě)的圣誕效果，大家可以訪問(wèn)js1k圣誕主題頁(yè)面。
3. 游戲般的3D雪地場(chǎng)景
整個(gè)Demo是基于一個(gè)無(wú)限開(kāi)闊的雪地場(chǎng)景的，里面有圣誕樹(shù)和雪人，可以像玩FPS游戲一樣在里面走動(dòng)，WASD操控移動(dòng)，按住鼠標(biāo)左鍵拖拽控制方向，整個(gè)Demo是使用Oak3D框架制作的。
演示地址：http://christmas.oak3d.com/Scene/MerryChristmas.html
信的一舉一動(dòng)，張小龍的一言一行，都是互聯(lián)網(wǎng)上的大新聞。昨天，在微信公開(kāi)課 Pro 活動(dòng)上，騰訊微信事業(yè)群張小龍罕見(jiàn)地現(xiàn)身并演講，闡述了微信的四個(gè)價(jià)值觀，然后，宣布了微信的一個(gè) “應(yīng)用號(hào)” 的規(guī)劃：
“我們將開(kāi)發(fā)一個(gè)新的形態(tài)，叫做應(yīng)用號(hào)。用戶關(guān)注了一個(gè)公眾號(hào)，就像安裝了一個(gè) App 一樣，他要找這個(gè)公眾號(hào)的時(shí)候就像找一個(gè) App 一樣?！?/p>
至于更多的信息，張小龍和微信團(tuán)隊(duì)的其他人就沒(méi)有透露更多了。但是，愛(ài)范兒還是找到了曾經(jīng)參與過(guò)應(yīng)用號(hào)早期項(xiàng)目的第三方人士，了解到了不少的信息。
兩年前的伏筆，一年來(lái)的敗筆
提到這個(gè)不甚明了的 “應(yīng)用號(hào)”，很多人肯定會(huì)想到兩三年前著名的 Web App 和 Native App（原生應(yīng)用 / 本地應(yīng)用）之爭(zhēng)，由于 HTML 5 的興起，加之 Native App 需要耗費(fèi)大量人力來(lái)開(kāi)發(fā)維護(hù)適配，給許多人以做 Web App 希望，然而，Web App 不可能單獨(dú)存在，必須有一個(gè)依托，因此，國(guó)內(nèi)一些互聯(lián)網(wǎng)廠商就有了以 Web App 為雄兵，稱霸移動(dòng)互聯(lián)網(wǎng)的想法。
在國(guó)內(nèi)，Web App 有了新的叫法和變種，也就是我們俗稱的輕應(yīng)用。
而正兒八經(jīng)要去推廣輕應(yīng)用的，是百度、360 和 UC，這三家都是在國(guó)內(nèi)移動(dòng)互聯(lián)網(wǎng)中很有話語(yǔ)權(quán)的廠商，然而，從大家的使用習(xí)慣也都看到了，這三家在這兩年時(shí)間里力推的 “輕應(yīng)用” 并沒(méi)有落地，只是一個(gè)出師未捷身先死的概念。
現(xiàn)在，人們提起兩三年前的 Web App 和 Native App 之爭(zhēng)，不過(guò)報(bào)以呵呵，HTML 5 是很棒，但是基于 HTML 5 的 Web App 在體驗(yàn)上完全無(wú)法和 Native App 相比，至少整體上是這樣的。
前情大概如此，回過(guò)頭來(lái)說(shuō)微信，其實(shí)在其他幾個(gè)國(guó)內(nèi)互聯(lián)網(wǎng)巨頭想推輕應(yīng)用的時(shí)候，微信也不是沒(méi)有想法，事實(shí)上，微信在兩年多前就已經(jīng)埋下了應(yīng)用號(hào)的伏筆——JS-SDK：
“微信 JS-SDK 是微信公眾平臺(tái)面向網(wǎng)頁(yè)開(kāi)發(fā)者提供的基于微信內(nèi)的網(wǎng)頁(yè)開(kāi)發(fā)工具包。通過(guò)使用微信 JS-SDK，網(wǎng)頁(yè)開(kāi)發(fā)者可借助微信高效地使用拍照、選圖、語(yǔ)音、位置等手機(jī)系統(tǒng)的能力，同時(shí)可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力，為微信用戶提供更優(yōu)質(zhì)的網(wǎng)頁(yè)體驗(yàn)?！?/p>
據(jù)消息人士透露，兩年前，微信應(yīng)用號(hào)立項(xiàng)的時(shí)候，構(gòu)想的邏輯是這樣的：主要是 JS-SDK 提供的 Native API，可以讓一個(gè) Web App （HTML5）在保持網(wǎng)頁(yè)的輕便的同時(shí)，擁有音頻錄制播放、照片拍攝、掃碼、搖一搖等原生應(yīng)用的功能。
因此，這套微信 JS-SDK 其實(shí)就是兩年多前微信為應(yīng)用號(hào)埋下的伏筆。
而在微信重新?lián)炱饝?yīng)用號(hào)之前，微信又在訂閱號(hào)之外，推出了服務(wù)號(hào)，為的是鏈接商家和用戶，提供相關(guān)的服務(wù)。但是，張小龍自己也承認(rèn)，服務(wù)號(hào)沒(méi)有達(dá)到預(yù)期。這個(gè)沒(méi)有達(dá)到預(yù)期原因很簡(jiǎn)單，服務(wù)號(hào)和訂閱號(hào)形態(tài)非常類(lèi)似，都是自定義菜單加對(duì)話框的模式，層級(jí)深且不明顯，效率太低，最后，服務(wù)號(hào)就變成了一個(gè)每月只能推送四次消息的訂閱號(hào)，反而沒(méi)有突出 “服務(wù)” 的概念。從而，服務(wù)號(hào)沒(méi)做好也可以算作是微信的一個(gè)敗筆，尤其引發(fā)的，則是訂閱號(hào)和服務(wù)號(hào)合并的消息在滿天飛。
微信應(yīng)用號(hào)的形態(tài)？
在討論微信應(yīng)用號(hào)的形態(tài)的時(shí)候，則需要引入第二個(gè)概念：Hybrid App（混合應(yīng)用 / 雜交應(yīng)用 /……），Web App 優(yōu)點(diǎn)很多，當(dāng)然，缺點(diǎn)也很多，就此的討論一抓一大把，比如純 Web 前端架構(gòu)，很多重要手機(jī)特性無(wú)法訪問(wèn)，例如聯(lián)系人以及 Push Notification（消息推送非常重要）之類(lèi)的。某種程度上說(shuō)，微信應(yīng)用號(hào)的形態(tài)就是一種 Hybrid App。
此處 Hybrid App 和 Web App 最主要最核心的區(qū)別，就是能不能調(diào)用底層的 API，實(shí)現(xiàn)特定功能，比如上面的獲取聯(lián)系人信息，讀取存儲(chǔ)文件等等。
比如最著名的 Hybrid App 開(kāi)發(fā)平臺(tái) PhoneGap 的插件能夠幫助開(kāi)發(fā)者快速地抵達(dá)手機(jī)的其他 API 上面，直接使用 Javascript 來(lái)操控這些底層的 API。例如調(diào)用 Push Notification 的相應(yīng)發(fā)生的事件。但是應(yīng)用號(hào)有所不同的是，它依托于微信平臺(tái)，而不用像其他的一些 Hybrid App 那樣跑到應(yīng)用市場(chǎng)分發(fā)，也就是說(shuō)，常規(guī)的 Hybrid App 其實(shí)解決了開(kāi)發(fā)上的難點(diǎn)（主要是跨平臺(tái)的問(wèn)題），但是無(wú)法解決分發(fā)的問(wèn)題。應(yīng)用號(hào)此處的優(yōu)點(diǎn)是，關(guān)注即可使用，分發(fā)成本很低，幾乎等同于公眾號(hào)獲取粉絲的成本。
具象到微信應(yīng)用號(hào)上，其界面就已經(jīng)完全脫離了之前訂閱號(hào)和服務(wù)號(hào)的形態(tài)，最直觀的，就是沒(méi)有了對(duì)話框和自定義菜單，轉(zhuǎn)而是將 Web App（HTML5）提到公眾號(hào)的第一層級(jí)，讓功能更為直觀地抵達(dá)到用戶，用戶的學(xué)習(xí)成本更低，使用效率更高，應(yīng)用號(hào)直觀的形式遠(yuǎn)比服務(wù)號(hào)下面不點(diǎn)開(kāi)就不知道是什么的自定義菜單好。
說(shuō)到這里，其實(shí)關(guān)于微信應(yīng)用號(hào)已經(jīng)有了非常好的展示雛形，微信 “發(fā)現(xiàn)” 中的 “購(gòu)物”，“錢(qián)包” 里的 “美麗說(shuō)”、“吃喝玩樂(lè)（大眾點(diǎn)評(píng)）” 等等，就可以理解為微信應(yīng)用號(hào)的一種形態(tài)。
至于應(yīng)用號(hào)，與合并之后的 “訂閱號(hào) + 服務(wù)號(hào)” 的區(qū)別和分工，應(yīng)該是這樣的：應(yīng)用號(hào)并不屬于公眾號(hào)的一種，而是與之并列的。微信內(nèi)的京東購(gòu)物和京東服務(wù)號(hào)來(lái)講，在 “購(gòu)物” 內(nèi)買(mǎi)了商品，這邊的京東服務(wù)號(hào)就會(huì)推送交易信息詳情。
二者之間的合作就好像這邊我在格瓦拉應(yīng)用上買(mǎi)了電影票，然后短信接受到票務(wù)信息。
好了，上面已經(jīng)說(shuō)了，JS-SDK 提供的 Native API，可以讓一個(gè) Web App （HTML5）在保持網(wǎng)頁(yè)的輕便的同時(shí)，擁有音頻錄制播放、照片拍攝、掃碼、搖一搖等原生應(yīng)用的功能。那么我們可以預(yù)想一下，利用這些 API 接口完成的一個(gè)應(yīng)用號(hào)，暫且稱之為 “有聲賀卡”，進(jìn)入了這個(gè)應(yīng)用號(hào)之后，用戶可以調(diào)用相機(jī)拍照得到照片，然后調(diào)用麥克風(fēng)錄制音頻，生成一張有聲賀卡朋友圈或者發(fā)給朋友。
Q&A
應(yīng)用號(hào)的入口在哪里？
前面已經(jīng)說(shuō)到，應(yīng)用號(hào)和公眾號(hào)是并列關(guān)系，因此入口就值得深思，如果入口太深，是一個(gè)類(lèi)似于購(gòu)票轉(zhuǎn)賬的三級(jí)菜單，勢(shì)必會(huì)影響使用效率，但是它的重要性也不及 “微信、通訊錄、發(fā)現(xiàn)和我” 這四個(gè)一級(jí)菜單，合理的推斷是在 “發(fā)現(xiàn)” 或者 “我” 之下新開(kāi)一個(gè)二級(jí)菜單，并且在搜索框下有提示。
會(huì)干死 App 嗎？
當(dāng)然干不死 App，都說(shuō)微信想做一個(gè)操作系統(tǒng)，但是 HTML5 的局限性還是很大，預(yù)計(jì)應(yīng)用號(hào)對(duì)整個(gè) App 的市場(chǎng)沖擊會(huì)比較有限，應(yīng)用號(hào)的適用場(chǎng)景以及想象空間都不如 Native App，比如，現(xiàn)在的微信 JS-SDK 還沒(méi)有開(kāi)放視頻錄制的 API。并且，很多 App 的死掉，根本就不是外部競(jìng)爭(zhēng)導(dǎo)致的，App Store 里面一大半的應(yīng)用都是僵尸應(yīng)用。
應(yīng)用號(hào)比 “輕應(yīng)用” 好在哪兒？
相比于瀏覽器，搜索以及應(yīng)用商店，微信使用的頻率高，時(shí)間長(zhǎng)，黏性強(qiáng)，應(yīng)用號(hào)達(dá)到用戶的可能性也大很多。應(yīng)用號(hào)和訂閱號(hào)之間可以配合，形成閉環(huán)，解決 “輕應(yīng)用” 服務(wù)之后還是會(huì)脫離瀏覽器或搜索服務(wù)的問(wèn)題，比如用完后還是需要切出到短信通知或系統(tǒng)通知等。簡(jiǎn)而言之，應(yīng)用號(hào)和訂閱號(hào)的客服通知體驗(yàn)好太多。
應(yīng)用號(hào)能解決 Web App 加載慢的問(wèn)題嗎？
事實(shí)上，我覺(jué)得 Web App 體驗(yàn)最大的痛點(diǎn)就是加載慢，而微信內(nèi)部的一些服務(wù)也是如此，比如購(gòu)買(mǎi)電影票。如果微信不對(duì)應(yīng)用號(hào)進(jìn)行緩存處理的話，我對(duì)應(yīng)用號(hào)解決 Web App 加載慢的問(wèn)題保持懷疑態(tài)度，尤其是加載一些復(fù)雜頁(yè)面的時(shí)候。但是，在處理一些小頁(yè)面的時(shí)候，這個(gè)問(wèn)題不會(huì)太夸張。這也呼應(yīng)了上面那個(gè) “會(huì)干死 App” 的問(wèn)題。
微信網(wǎng)頁(yè)開(kāi)發(fā)者工具發(fā)布和應(yīng)用號(hào)有何關(guān)系？
在微信網(wǎng)頁(yè)開(kāi)發(fā)者工具發(fā)布之前，前端開(kāi)發(fā)適配微信頁(yè)面的調(diào)試極其不便，必須通過(guò)非常多的服務(wù)端 Hacking 達(dá)到模擬線上環(huán)境，從而進(jìn)行功能測(cè)試。而剛剛發(fā)布的微信網(wǎng)頁(yè)開(kāi)發(fā)者工具能夠極大地提高調(diào)試效率，方便應(yīng)用號(hào)的開(kāi)發(fā)。
于H5這個(gè)名詞想必大家已經(jīng)很熟悉了，似乎就是在一夜之間，各大公司的市場(chǎng)、公關(guān)等負(fù)責(zé)推廣和傳播的部門(mén)人員，紛紛把目光投向了H5。那么，H5到底能做什么？應(yīng)該怎么去做？到哪做？可怎么玩起來(lái)？做一個(gè)H5營(yíng)銷(xiāo)需要注意什么？有哪些值得參考的經(jīng)典案例？這些都是大家期望看到的，下面就是2015打造火爆H5頁(yè)面圈攻略！
2014年7月22日，H5游戲“圍住神經(jīng)貓”上線微信朋友圈，到7月25日，3天的時(shí)間便創(chuàng)造了用戶500萬(wàn)，訪問(wèn)量超1億的神話。神經(jīng)病貓的動(dòng)畫(huà)表情、服飾、背包開(kāi)始流行，甚至有網(wǎng)店開(kāi)始售賣(mài)圍住這只貓的攻略。
盡管H5慢慢走近更多人的視野，但這個(gè)由HTML5簡(jiǎn)稱過(guò)來(lái)的詞匯，在大多數(shù)人聽(tīng)起來(lái)，仍十分陌生且難以理解。簡(jiǎn)單來(lái)說(shuō)，H5就是一種高級(jí)網(wǎng)頁(yè)技術(shù)，我們平時(shí)看到那些邀請(qǐng)函、小游戲都是H5網(wǎng)頁(yè)，確切來(lái)說(shuō)叫HTML5，它跟我們平時(shí)上網(wǎng)看到的那些網(wǎng)頁(yè)本質(zhì)上沒(méi)有任何區(qū)別。
一.H5頁(yè)面能怎么玩？
在了解完H5的一些基礎(chǔ)知識(shí)后，相信大家最關(guān)心的還是H5能做什么，有哪些玩法？接下來(lái)我將列舉一些典型的例子和大家探討：
1幻燈片式玩法
以下這個(gè)特斯拉的例子相信很多人都看過(guò)，精美的圖片設(shè)計(jì)簡(jiǎn)單的翻頁(yè)效果。
這是H5最早期也是最典型的玩法，因?yàn)楹?jiǎn)單、實(shí)用，所以至今還很流行。其效果就是簡(jiǎn)單的圖片展示&翻頁(yè)交互，最終整體的表現(xiàn)很像幻燈片展示。
其實(shí)幻燈片式的H5現(xiàn)在已經(jīng)出現(xiàn)了很多在線制作軟件供大家使用，所以制作成本在現(xiàn)在看來(lái)幾乎是等于零的，而在之前這樣一個(gè)應(yīng)用的開(kāi)發(fā)可能要將近一萬(wàn)。
2交互式動(dòng)畫(huà)
可口可樂(lè)下面這個(gè)案例在之前的風(fēng)云榜中推薦過(guò)，是運(yùn)用H5繪圖功能的典型例子。當(dāng)然這里面的交互還是比較簡(jiǎn)單的，只不過(guò)它基本體現(xiàn)了交互式動(dòng)畫(huà)的感覺(jué)。整個(gè)可口可樂(lè)的時(shí)間軸是隨著用戶向上滑動(dòng)頁(yè)面“繪制”出來(lái)的。
其實(shí)除了這種敘事型的H5動(dòng)畫(huà)，我們能看到的大多數(shù)H5游戲也都都屬于這一類(lèi)，比如神經(jīng)貓、打企鵝、2048、財(cái)務(wù)包子鋪等等，都非常值得去感受一下。
那么，H5到底能實(shí)現(xiàn)什么樣的動(dòng)畫(huà)效果呢？我想這應(yīng)該是大家在做H5時(shí)最頭疼的問(wèn)題，因?yàn)椴恢滥茏龀墒裁礃?，你也就不知道從何下手。所以下面給大家介紹一個(gè)網(wǎng)站，絕對(duì)可以讓你眼前一亮，思維暴漲：http://fff.cmiscm.com/。在這個(gè)網(wǎng)站中，你幾乎能看到所有H5能夠?qū)崿F(xiàn)的動(dòng)畫(huà)效果，引爆你的靈感，下次如果需要做H5的時(shí)候就可以跟開(kāi)發(fā)說(shuō)“你看，我要的就是這個(gè)效果”。
3功能型H5
看一下以下的兩個(gè)例子，第一個(gè)是百度針對(duì)地鐵漲價(jià)做的H5，它可以計(jì)算你每天坐地鐵要多少錢(qián)并且實(shí)時(shí)顯示大家的評(píng)論；第二個(gè)是STC的社交移動(dòng)風(fēng)云榜，很簡(jiǎn)單，就是精品H5的展示：
這兩個(gè)H5都有一個(gè)特點(diǎn)，除了針對(duì)受眾的熱點(diǎn)內(nèi)容傳播以外，它們很像一個(gè)“供用戶重復(fù)使用”的產(chǎn)品，這就是所謂的功能型H5。其實(shí)大家看到風(fēng)云榜可能會(huì)覺(jué)得它只是一個(gè)再簡(jiǎn)單不過(guò)的網(wǎng)頁(yè)，但如果從它滿足用戶需求并產(chǎn)生重復(fù)“使用”行為的角度，它其實(shí)是一個(gè)產(chǎn)品——每周更新、定期群發(fā)推薦H5的圖文、欄目更新通知等等。
功能型H5的獨(dú)特價(jià)值在于，除了具備傳播性以外，它通過(guò)用戶的重復(fù)使用行為使得H5的傳播是一個(gè)持續(xù)不斷的過(guò)程，這一點(diǎn)是一般的H5所不具備的。風(fēng)云榜首次發(fā)布時(shí)轉(zhuǎn)發(fā)6w多，目前每月的訪問(wèn)量都在10w左右。
功能型H5由于具備一定的產(chǎn)品特性，其最大的價(jià)值就是提高粉絲活躍度和忠誠(chéng)度。我們需要根據(jù)本身品牌的形象定位以及受眾的特性設(shè)計(jì)功能型H5。舉個(gè)例子，賣(mài)洗手液的可以抽象為健康生活方式，設(shè)計(jì)一個(gè)改善生活健康狀態(tài)的功能型H5或定期更新資訊的功能型H5。
二.從功能與設(shè)計(jì)目標(biāo)來(lái)看，H5專題頁(yè)主要有以下4大類(lèi)型：
總體來(lái)說(shuō)，H5頁(yè)面主要是以上3種類(lèi)型，不過(guò)說(shuō)細(xì)一點(diǎn)還可以從不同角度分出一些類(lèi)型，下面將通過(guò)大量的經(jīng)典案例來(lái)說(shuō)明這一點(diǎn)，最好你能體驗(yàn)一下這些案例。首先，從功能與設(shè)計(jì)目標(biāo)來(lái)看，H5專題頁(yè)主要有以下4大類(lèi)型：
1活動(dòng)運(yùn)營(yíng)型
為活動(dòng)推廣運(yùn)營(yíng)而打造的H5頁(yè)面是最常見(jiàn)的類(lèi)型，形式多變，包括游戲、邀請(qǐng)函、賀卡、測(cè)試題等形式。與以往簡(jiǎn)單的靜態(tài)廣告圖片傳播不同，如今的H5活動(dòng)運(yùn)營(yíng)頁(yè)需要有更強(qiáng)的互動(dòng)、更高質(zhì)量、更具話題性的設(shè)計(jì)來(lái)促成用戶分享傳播。
大眾點(diǎn)評(píng)為電影《狂怒》設(shè)計(jì)的推廣頁(yè)深諳此道。復(fù)古擬物風(fēng)格的視覺(jué)設(shè)計(jì)讓人眼前一亮，富有質(zhì)感的舊票根、忽閃的霓虹燈，配以幽默的動(dòng)畫(huà)與音效，恨不得每個(gè)選項(xiàng)都點(diǎn)一遍。圍繞“選擇”這個(gè)品牌關(guān)鍵詞，用引人入勝的測(cè)試題讓用戶把人生當(dāng)作大片來(lái)選擇，選到最后一題引出“大眾點(diǎn)評(píng)選座看電影”，一鍵直達(dá)App購(gòu)票頁(yè)面。即使明知是軟文也忍不住帶著“矮油不錯(cuò)，這個(gè)頁(yè)面有點(diǎn)diao噢”的心情點(diǎn)擊了分享。
2品牌宣傳型
不同于講究時(shí)效性的活動(dòng)運(yùn)營(yíng)頁(yè)，品牌宣傳型H5頁(yè)面等同于一個(gè)品牌的微官網(wǎng)，更傾向于品牌形象塑造，向用戶傳達(dá)品牌的精神態(tài)度。在設(shè)計(jì)上需要運(yùn)用符合品牌氣質(zhì)的視覺(jué)語(yǔ)言，讓用戶對(duì)品牌留下深刻印象。
伴隨著浪漫的鋼琴旋律，《首草先生的情書(shū)》以一位男士的口吻娓娓道來(lái)在成長(zhǎng)歷程中對(duì)妻子的愛(ài)與愧疚，最后引出“首草——滋陰圣品，愛(ài)妻首選”的宣傳語(yǔ)。設(shè)計(jì)上采用回憶般的黑白色調(diào)，簡(jiǎn)單的照片加文字，配以花瓣掉落、水面漣漪等輕動(dòng)畫(huà)，渲染出唯美優(yōu)雅的氣氛?！笆撞荨边@個(gè)全新的高端養(yǎng)生草藥品牌，用H5打出了一副走心的情感牌，讓用戶記住了“半生只為你”的愛(ài)妻品牌形象。
3產(chǎn)品介紹型
聚焦于產(chǎn)品功能介紹，運(yùn)用H5的互動(dòng)技術(shù)優(yōu)勢(shì)盡情展示產(chǎn)品特性，吸引用戶買(mǎi)買(mǎi)買(mǎi)。
這一類(lèi)型的H5頁(yè)面多見(jiàn)于汽車(chē)品牌，LEXUSNX是其中的優(yōu)秀代表案例。精致和極富質(zhì)感的建模、細(xì)膩的光效營(yíng)造出酷炫的視覺(jué)風(fēng)格。用手指跟隨光的軌跡切割畫(huà)面揭開(kāi)序幕，通過(guò)合理優(yōu)雅的觸碰、摩擦、滑動(dòng)等互動(dòng)形式帶領(lǐng)用戶一同探索產(chǎn)品的7大特性，宏觀和微觀都照顧周全。
4總結(jié)報(bào)告型
自從支付寶的十年賬單引發(fā)熱議后，各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實(shí)現(xiàn)，優(yōu)秀的互動(dòng)體驗(yàn)令原本乏味的總結(jié)報(bào)告有趣生動(dòng)了起來(lái)。
《京東的十大任性》用10張橫屏頁(yè)面講述了京東在2014年的十大成就，視覺(jué)設(shè)計(jì)上采用簡(jiǎn)潔的扁平風(fēng)插畫(huà)，加入紙面質(zhì)感形成復(fù)古卡片拼貼感。不同頁(yè)面間通過(guò)手指滑動(dòng)實(shí)現(xiàn)流暢的視差滾動(dòng)效果，最后還有東哥這個(gè)小彩蛋。一口氣看完后大概就了解2014年京東都干了哪些大事。
三.H5形式為功能服務(wù),幾種常見(jiàn)的H5專題頁(yè)表現(xiàn)形式：
在確定了專題頁(yè)的功能目標(biāo)之后，接下來(lái)就是關(guān)鍵的H5頁(yè)面設(shè)計(jì)階段了。如何有的放矢地進(jìn)行設(shè)計(jì)，需要考慮到具體的應(yīng)用場(chǎng)景和傳播對(duì)象，從用戶角度出發(fā)去思考什么樣的頁(yè)面是用戶最想看的最會(huì)去分享的，形式要為功能服務(wù)。以下列舉幾種常見(jiàn)的H5專題頁(yè)表現(xiàn)形式：
1簡(jiǎn)單圖文
簡(jiǎn)單圖文是早期最典型的H5專題頁(yè)形式。“圖”的形式千變?nèi)f化，可以是照片、插畫(huà)、GIF等。通過(guò)翻頁(yè)等簡(jiǎn)單的交互操作，起到類(lèi)似幻燈片的傳播效果?？简?yàn)的是高質(zhì)量的內(nèi)容本身和講故事的能力。
滴滴打車(chē)這個(gè)案例就是典型的簡(jiǎn)單圖文型H5專題頁(yè)，用幾張照片故事串起了整套頁(yè)面。視覺(jué)簡(jiǎn)潔有力，采用整屏黑白照片，點(diǎn)綴以滴滴的品牌橙色。每切換一張圖片，文字就漸隱浮現(xiàn)，沒(méi)有其他互動(dòng)形式，讓觀眾聚焦于內(nèi)容，通過(guò)陌生人之間的真情聯(lián)系來(lái)塑造品牌的正能量形象。
也有不甘平淡的精彩案例。在除夕夜全國(guó)人民瘋狂搶紅包的時(shí)刻，微信推出了《從此看盡中國(guó)人的名與利》這樣一個(gè)專題頁(yè)。第一眼就被鎮(zhèn)住了，好親切的RMB~每個(gè)頁(yè)面都是一張人民幣風(fēng)景局部放大圖，創(chuàng)作者加入巧妙的創(chuàng)意元素與微動(dòng)態(tài)進(jìn)行細(xì)膩刻畫(huà)，帶觀眾走進(jìn)了人民幣的微觀世界。每一張鈔票圖案配合發(fā)人深省的文案，在推廣微信紅包的同時(shí)呼吁人們重新審視人情與名利的奧義。
2禮物/賀卡/邀請(qǐng)函
每個(gè)人都喜歡收到禮物的感覺(jué)，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請(qǐng)函，通過(guò)提升用戶好感度來(lái)潛移默化地達(dá)到品牌宣傳的目的。既然是禮物，那創(chuàng)意和制作便是重要的加分項(xiàng)。
AKQA創(chuàng)意營(yíng)銷(xiāo)公司在圣誕之際獻(xiàn)上了一份厚禮——夢(mèng)幻水晶球。通過(guò)移動(dòng)手機(jī)，鏡頭從水晶球外不斷搖晃推近，漸漸走進(jìn)水晶球的微觀世界里。通過(guò)手機(jī)環(huán)顧四周，可以360度欣賞水晶球里的全景，搖一搖雪花便漫天飄灑。寫(xiě)下你的祝福并分享給朋友，相信一定會(huì)驚艷到對(duì)方。這個(gè)H5頁(yè)面使用了重力感應(yīng)、3D等技術(shù)，文字與BGM的使用也十分講究，給用戶帶來(lái)了完美的互動(dòng)體驗(yàn)，值得細(xì)細(xì)品味。
Evernote在過(guò)年期間也別出心裁地推出語(yǔ)音賀卡，通過(guò)公眾號(hào)引導(dǎo)用戶對(duì)其發(fā)送一條語(yǔ)音消息，然后把這條祝福語(yǔ)音結(jié)合中國(guó)風(fēng)動(dòng)畫(huà)做成一張獨(dú)一無(wú)二的語(yǔ)音賀卡發(fā)送給朋友。整體色調(diào)也是以Evernote品牌色為主，同時(shí)蘊(yùn)含著一絲優(yōu)雅的年味，十分討巧。
3問(wèn)答/評(píng)分/測(cè)試
問(wèn)答形式的H5頁(yè)面也屢見(jiàn)不鮮了，利用用戶的求知欲和探索欲，一路選選選，看最后到底是什么成績(jī)。一條清晰的線索是必要的，最后到達(dá)的結(jié)果頁(yè)也需要合理不突兀，如果能輔以出彩的視覺(jué)和文案，弱化答題的枯燥感那就再好不過(guò)了。
大眾點(diǎn)評(píng)為姜文的電影《一步之遙》做持續(xù)推廣，讓用戶為姜文的代表作評(píng)分。視覺(jué)設(shè)計(jì)依舊出彩，開(kāi)腦洞的創(chuàng)意和動(dòng)畫(huà)設(shè)計(jì)令人叫絕(一定要掃一掃體驗(yàn)下！)。延續(xù)了懷舊大字報(bào)風(fēng)格，字體、文案、裝飾元素等細(xì)節(jié)處理也十分用心。問(wèn)答形式的H5頁(yè)面能做到這個(gè)份上也是蠻拼的。
4游戲
從“圍住神經(jīng)貓”、“看你有多色”等單純小游戲再到杜蕾斯“一夜N次郎”(即山寨版“別踩白塊兒”)等品牌植入式小游戲，H5游戲因?yàn)椴僮骱?jiǎn)單、競(jìng)技性強(qiáng)，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導(dǎo)致用戶對(duì)無(wú)腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設(shè)計(jì)上多下點(diǎn)功夫。
在圣誕節(jié)推出了一款名為《圣誕老人拯救計(jì)劃》的H5小游戲，操作非常簡(jiǎn)單，只需用手指交替上滑，把角色的脖子向上拉到無(wú)限長(zhǎng)，游戲會(huì)記錄你拉的最高距離，跟朋友比一比誰(shuí)比較長(zhǎng)。界面清新可愛(ài)，與Same的招牌畫(huà)風(fēng)一致，游戲角色也是Same的品牌角色，通過(guò)幽默惡搞的游戲向用戶傳達(dá)Same獨(dú)到有趣的產(chǎn)品文化。
四.為H5頁(yè)面設(shè)計(jì)加分的4個(gè)要點(diǎn)
一個(gè)H5頁(yè)面設(shè)計(jì)品質(zhì)的出眾與否，會(huì)直接影響其傳播效果，甚至影響到用戶對(duì)品牌形象的認(rèn)知。在這里總結(jié)出以下的設(shè)計(jì)要點(diǎn)：
1細(xì)節(jié)與統(tǒng)一
要成就高品質(zhì)的用戶體驗(yàn)，必須考慮到細(xì)節(jié)與整體的統(tǒng)一性。復(fù)古擬物的視覺(jué)風(fēng)格，那字體就不能過(guò)于現(xiàn)代；幽默調(diào)侃的調(diào)調(diào)，那文案措辭就不能過(guò)于嚴(yán)肅；打情感內(nèi)容牌的，動(dòng)效就不能過(guò)于花哨。
大眾點(diǎn)評(píng)姜文電影推廣系列的《九步之遙》H5專題頁(yè)便牢牢抓住了這一點(diǎn)。從二維碼入口到性感的著陸頁(yè)，再到最后分享提示的設(shè)計(jì)，包括文案措辭和背景音效，無(wú)不與整體的戲虐風(fēng)保持一致，給到用戶一個(gè)完整統(tǒng)一的互動(dòng)體驗(yàn)。
尤其關(guān)注“分享提示”這個(gè)細(xì)節(jié)設(shè)計(jì)，比起一個(gè)簡(jiǎn)單的箭頭和一句冷冰冰的“點(diǎn)這里分享”，用心的細(xì)節(jié)設(shè)計(jì)帶來(lái)的高品質(zhì)和好感度是顯而易見(jiàn)的。關(guān)于分享提示的設(shè)計(jì)，再貼幾個(gè)精彩案例：
2緊跟熱點(diǎn)，利用話題效應(yīng)
想要你的H5專題頁(yè)一夜爆紅，第一時(shí)間抓住熱點(diǎn)并火速上線，借機(jī)進(jìn)行品牌宣傳也不失為一條捷徑。
天天P圖抓住武則天熱播的契機(jī)推出了風(fēng)靡海內(nèi)外的媚娘妝，同時(shí)《全民COS武媚娘》的H5互動(dòng)頁(yè)也第一時(shí)間上線，操作簡(jiǎn)單易上手，一鍵上傳照片就能立刻完成媚娘妝，與萬(wàn)千媚娘們進(jìn)行PK，娛樂(lè)了大眾又推廣了產(chǎn)品。
網(wǎng)易娛樂(lè)在武媚娘剪胸風(fēng)波的風(fēng)口浪尖上推出了名為《神還原武媚娘被剪胸真相》的H5專題頁(yè)，放下節(jié)操用極富想象力的粗曠草圖風(fēng)向廣大觀眾“還原”了真相。一時(shí)間被瘋狂轉(zhuǎn)發(fā)，網(wǎng)易娛樂(lè)也算是順勢(shì)自我宣傳了一把。
3講個(gè)好故事，引發(fā)情感共鳴
不論H5的形式如何多變，有價(jià)值的內(nèi)容始終是第一位的。在有限的篇幅里，學(xué)會(huì)講故事，引發(fā)用戶的情感共鳴，將對(duì)內(nèi)容的傳播形成極大的推動(dòng)。
LEVI’S新年優(yōu)惠活動(dòng)專題頁(yè)以第一人稱的口吻，用小時(shí)候簡(jiǎn)樸卻熱鬧的新年與長(zhǎng)大后富足卻乏味的新年做對(duì)比，用手繪風(fēng)渲染出親切的懷舊氛圍。最后引出“這個(gè)新年，把壓力和束縛打包扔掉，用新鮮的眼光感受生活，一起活出趣”的品牌推廣slogan，代入感極強(qiáng)的故事無(wú)疑是驅(qū)動(dòng)分享的源動(dòng)力。
4合理運(yùn)用技術(shù)，打造流暢的互動(dòng)體驗(yàn)
隨著技術(shù)的發(fā)展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實(shí)現(xiàn)繪圖、擦除、搖一搖、重力感應(yīng)、擦除、3D視圖等互動(dòng)效果。相較于塞入各種不同種類(lèi)的動(dòng)效導(dǎo)致頁(yè)面混亂臃腫，我們更提倡的是合理運(yùn)用技術(shù)，用心專注于為用戶提供流暢的互動(dòng)體驗(yàn)。
典型的案例是淘寶在雙12推出的預(yù)售推廣H5專題頁(yè)。在瀏覽過(guò)程中我只使用了一種向上滑動(dòng)的手勢(shì)，而頁(yè)面呈現(xiàn)出來(lái)的效果卻猶如一個(gè)流暢的動(dòng)態(tài)GIF。設(shè)計(jì)師巧妙利用圖形設(shè)計(jì)與組合，在滑動(dòng)過(guò)程中營(yíng)造出一種豐富的視差滾動(dòng)效果，單個(gè)圖形元素的遮罩、旋轉(zhuǎn)與整體頁(yè)面的動(dòng)勢(shì)配合極為默契。
五.現(xiàn)在H5市場(chǎng)究竟有哪些坑？
不過(guò)，我們可以很清楚的看到，H5市場(chǎng)在逐漸火爆的同時(shí)，也越來(lái)越混亂，越來(lái)越不規(guī)范。無(wú)論是第三方開(kāi)發(fā)公司，還是廣告主，在面對(duì)H5營(yíng)銷(xiāo)時(shí)都會(huì)遇到這樣那樣的問(wèn)題，或者說(shuō)有這樣或那樣的誤區(qū)，現(xiàn)在讓我們看看這里面的坑究竟在哪？
1幻想憑一款H5能一夜成名
期望高、投入少，許多市場(chǎng)營(yíng)銷(xiāo)人員，特別是老板，都希望靠一款沒(méi)有任何推廣投入的H5一夜成名，但現(xiàn)在這種情況在微信朋友圈里已經(jīng)不可能出現(xiàn)了。
H5頁(yè)面的推廣方式乏善可陳，無(wú)外乎軟文、朋友圈分享和微信公眾號(hào)推廣，但目前的H5營(yíng)銷(xiāo)無(wú)論是在表現(xiàn)形式還是內(nèi)容創(chuàng)意上，依舊面臨著很大的挑戰(zhàn)，同時(shí)微信朋友圈的用戶對(duì)日漸增多的泡沫信息感到疲勞，產(chǎn)生了某種程度上的抵抗力。而微信公眾號(hào)的暴增則讓打開(kāi)率和閱讀量持續(xù)走低，想讓一款H5一夜爆紅的可能性不是沒(méi)有，但的確是越來(lái)越小了。在整個(gè)H5的產(chǎn)出中所占的比例也會(huì)低到令營(yíng)銷(xiāo)人員所難以忍受的地步。
2營(yíng)銷(xiāo)推廣只索取的態(tài)度無(wú)法長(zhǎng)久
在微信里傳播就要遵守微信的游戲規(guī)則，不應(yīng)該只想從微信里攝取東西，而應(yīng)該轉(zhuǎn)變思維，想想我們給微信貢獻(xiàn)了什么？我們給用戶帶來(lái)了什么？你給微信貢獻(xiàn)的越多你的回報(bào)也會(huì)越大。如果有一款H5之所以能在微信朋友圈里成功，主要還是創(chuàng)意和制作人要始終站在為微信用戶思考的角度來(lái)制定H5策略的，我們要做讓用戶喜愛(ài)的“廣告”，用戶才會(huì)分享轉(zhuǎn)發(fā)，而不是靠強(qiáng)制性的要求和誘導(dǎo)，這種結(jié)果最終會(huì)被用戶投訴，甚至被封。
3H5本身還存在技術(shù)問(wèn)題
作為一項(xiàng)本來(lái)還不太成熟的技術(shù)，H5是在微信的社交舞臺(tái)下才大放異彩的。目前看，H5的問(wèn)題依舊比較多，技術(shù)上還有很多不足需要改進(jìn)，比如頁(yè)面切換白屏、下拉菜單不流暢、多個(gè)音頻播放不流暢、移動(dòng)設(shè)備件的接口API少等，無(wú)法掃描二維碼、無(wú)法用語(yǔ)音輸入、無(wú)法一鍵分享到朋友圈。這些對(duì)營(yíng)銷(xiāo)人員來(lái)說(shuō)，都是一個(gè)個(gè)掩藏在腳下的深坑，一不留神就掉進(jìn)去了。
4易抄襲且缺乏知識(shí)產(chǎn)權(quán)保護(hù)
如果你有運(yùn)氣，通過(guò)千辛萬(wàn)苦做一款好的H5應(yīng)用，例如像神經(jīng)貓那樣，那么比你更開(kāi)心的一定是其他抄襲者，他們可以輕易的把你的H5抄下來(lái)，換成他們的域名掛上去，然后再把廣告聯(lián)系方式改成他們自己的。神經(jīng)貓、2048等就衍生出許多版本，大部分人可能都沒(méi)有訪問(wèn)過(guò)原版(因?yàn)槌u和模仿者太多)，抄襲的輕者換域名，更厲害的是把你的創(chuàng)意拿去然后在短時(shí)間內(nèi)做一個(gè)比你更好的游戲或者應(yīng)用，讓你的淚兒哭干。
5作品同質(zhì)化現(xiàn)象嚴(yán)重
很多人對(duì)H5的理解都是停留在用戶層面，邀請(qǐng)函、小游戲、品牌展示、抽獎(jiǎng)等等，但大多數(shù)作品的同質(zhì)化現(xiàn)象很?chē)?yán)重，無(wú)論是形式上，還是內(nèi)容創(chuàng)意上。這對(duì)營(yíng)銷(xiāo)人員和制作人員的要求逐漸在提高，挑戰(zhàn)也越來(lái)越大，想隨隨便便做一款能夠引起注意的作品并不容易。
6寄人籬下不確定性大
H5之所以能一下子爆火，微信的功勞最大，但是微信正把H5最優(yōu)質(zhì)的入口收緊——朋友圈分享紅利正在逐漸消失，未來(lái)具有不確定性。微信在近期出臺(tái)了針對(duì)朋友圈分享的政策限制，誘導(dǎo)關(guān)注與分享，初犯將會(huì)面臨封號(hào)30天、攔截鏈接、刪除誘導(dǎo)增加的粉絲和關(guān)閉流量主的處罰，二次違規(guī)將直接永久封號(hào)。而且轉(zhuǎn)發(fā)量超過(guò)一定數(shù)量后微信就會(huì)屏蔽朋友圈，意味著未來(lái)微信里再也不易出現(xiàn)花費(fèi)很少的錢(qián)獲得流量破千萬(wàn)的H5.
目前需要注意的是：分享的圖片和自定義接口已變更，注意修改；不要在標(biāo)題中涉及分享贏大禮、100%中獎(jiǎng)等惡意誘導(dǎo)的關(guān)鍵詞；分享頁(yè)面需部署在擁有ICP備案的域名上。
7機(jī)型成千上萬(wàn)適配難度大
剛剛開(kāi)始做H5的企業(yè)面臨的第一個(gè)問(wèn)題就是，機(jī)型適配，由于手機(jī)的型號(hào)繁多，系統(tǒng)、屏幕都不一樣，所以在顯示和一些功能性的接口開(kāi)發(fā)時(shí)都會(huì)耗費(fèi)一些時(shí)間，如果你是剛剛?cè)胧窒Ｍ茏鰝€(gè)熱門(mén)的H5應(yīng)用，那么初期機(jī)型的適配會(huì)讓你吃一番苦頭，不過(guò)慢慢會(huì)知道解決，比其他前面的那些坑，是小巫見(jiàn)大巫。
寫(xiě)在最后
有人說(shuō)，HTML5做的應(yīng)用究竟能否匹敵原生App？答案是，HTML5不但可以匹敵原生App，甚至它天然的很多特性超越了原生App。隨著手機(jī)硬件的升級(jí)、HTML5技術(shù)的發(fā)展以及微信平臺(tái)的開(kāi)放，H5的跨平臺(tái)、低成本、快迭代等優(yōu)勢(shì)被進(jìn)一步凸顯，這對(duì)身處于移動(dòng)互聯(lián)網(wǎng)大潮的企業(yè)主、品牌、設(shè)計(jì)師和開(kāi)發(fā)者來(lái)說(shuō)，都將是一個(gè)最好的時(shí)代。未來(lái)必將涌現(xiàn)更多優(yōu)秀的H5頁(yè)面，讓我們拭目以待。
這是一個(gè)最壞的年代，也是一個(gè)最好的年代！
歡迎分享本文給你的朋友，匯總自網(wǎng)絡(luò)，精彩等你慢慢提取，關(guān)注互聯(lián)網(wǎng)和網(wǎng)絡(luò)營(yíng)銷(xiāo)的朋友多多交流，QQ&微信：809472503。
公眾號(hào)：mumuseo，有網(wǎng)絡(luò)營(yíng)銷(xiāo)干貨，網(wǎng)絡(luò)推廣策略，引流技巧，成功案例故事，網(wǎng)絡(luò)營(yíng)銷(xiāo)思路，等諸多優(yōu)質(zhì)內(nèi)容，提升自己的專業(yè)能力！你關(guān)注的人，決定了你看到的世界！
營(yíng)銷(xiāo)，不止于營(yíng)銷(xiāo)，傳播互聯(lián)網(wǎng)正能量！這里，不乏干貨，如果你想和我扯扯，歡迎關(guān)注
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
