如何免費製作一個H5微場景？

01-29

如題，如何免費製作一個H5微場景

製作H5微場景的過程很簡單的呢，在零代碼基礎上、通過簡單操作，人人都能製作出一份受眾喜歡的H5創意頁面呢。樓主可以參考以下步驟：

1、找一個製作H5微場景的平台、註冊賬號（以凡科微傳單為例）；

2、進入管理微傳單界面，挑選一款自己喜歡的樣板或選擇空白的頁面進入編輯頁面；

3、接下來要做的就是對整體頁面的各個欄目進行編輯，當然，如果你對圖片、文字、音樂足夠敏感，或者有收藏的視頻，說不定還能做出大片效果……

4、做好了，隨手發到微信，或其他移動社交平台，隨隨便便就能炫遍你的朋友圈，讓你的H5頁面效果發揮到最大。

首先，你得找到免費的H5場景平台。

現在的H5場景平台很多，定位和功能都有一些區別。有一些平台功能需要錢才可以開通。有一些平台部分模板收費。如果純免費的話，應該就是人人秀了。模板不多但功能比較齊全，而且所有功能與模板都不收費，關鍵是還能有額外的收入，關於這塊我就不深入了。大致和你聊聊人人秀的功能。希望能夠受用。

使用網址：www.romxiu.com(romxiu。中文是不是內存秀，雖然感覺怪怪的，但是網址還是很好記的）

1、註冊人人秀賬號，並登錄

使用前必須註冊才可以使用。註冊登錄後就可以使用所有模板和功能了。全部免費的。

2、登錄後選擇新建，即可進入H5編輯頁面，也可以直接選擇各種模板進行修改。

紅色區域可以選擇版式，風格，互動，還有我的等選項，每個大選項內還有很多小選項。包括圖文，圖集，文字，圖標等。素材豐富精美，可以根據自身需求選擇自己想要的內容形式。

3、製作界面上方還有很多好用的編輯功能

包括字體、文本鍵入、背景、音樂、視頻、圖片等隨心所欲的添加與修改。

4、特效

點擊H5內素材，可以修改素材樣式、各種動畫與觸發。為H5頁面提供了更樣的變化形式。

5、添加

點擊+號，即可添加新頁面。

產品的功能還很多，喜歡的朋友可以自己去嘗試，操作簡單。而且模板很多，包括各種行業，節日等模板，通過模板修改就能更快更好的完成你想要的內容。

雖然前面說的好像很簡單，但是多種方式結合，就可以做出很漂亮炫酷的場景

最後舉個簡單的栗子，感受一下。

動畫場景大風車

top1

點擊圖片選項

選擇圖片，靜止的風車

top2

點擊右鍵，選擇動畫→添加動畫

top3

設置素材參數

top4

點擊發布就OK了！！

最後就可以得到一個旋轉的風車了。

功能挺全，也很好用。但是想要做的好還是得做試多練。

發一篇原創文章《小狼教你製作H5微場景》，本來是發在個人網站的，發現和這個題目還是挺契合的，就發過來了。原文鏈接小狼教你製作H5微場景 - 小狼設計

小狼接觸H5也才一個多月，記得去面試的時候，老闆問會不會製作H5，當時一臉懵逼，H5是什麼鬼？HTML5？可是這範圍也太廣了吧。經過一個多月的學習，終於對於H5有了初步的理解。

01.H5是什麼？
H5並不是HTML5，但是可能有很多地方用到了HTML5的新特性。簡單來說，H5就是朋友圈裡的FLASH，手機里的PPT。再不理解，掃一掃，看看下面的案例就知道了。小狼自己製作的H5，都是簡單的展示型，沒有涉及交互。

http://e7742ee4139d.vt.iamh5.cn/v3/idea/Lzki6j62 (二維碼自動識別)

02.H5用什麼做？
最早期用的是易企秀，製作簡單，模板很多，有些模板需要付費，做個邀請函或者節日祝福什麼的比較合適，做複雜的就比較困難了。現在小狼用的是iH5互動大師，操作界面和PS很像，容易上手。現在有兩個版本，新版本和PS CC很像，但是據說舊版本比較穩定。

03.H5怎麼做？
首先是尺寸規範，iH5默認尺寸是640x1040，經過測試能適配大部分手機，特別是iPhone。用PS按照這個尺寸做出每個場景的圖層之後，記得柵格化圖層樣式，特殊字體，最後把文件導入iH5製作動態效果。

04.H5學習資料
推薦書籍《H5移動營銷設計寶典》，大概對H5有個認識，其他的到iH5官網上，點工具教學，視頻教程是個萌妹子錄的，聲音非常萌，聽這個教程簡直是享受。

BY.小狼設計
http://www.xiaolang2.com

個人比較喜歡用凡科微傳單這個工具做，有兩種製作方法，用模板製作或自己用空白模板設計，都挺簡單的，大家都可以去看下的

其實製作一個h5微場景很簡單，我是在凡科微傳單這裡找模板製作的，這個平台比較簡單，適合一些什麼都不懂的新手，不需要懂什麼技術，跟著步驟設計就好了

微信JS-SDK介面+H5可以開發出微信內的Web APP，零成本，好宣傳。《微信公眾平台JSSDK開發實戰――公眾號與HTML5混合模式揭秘》(席新亮...)【簡介

易企秀初頁小圖科技微頁好多好多不過個人覺得小圖科技會簡單製作

用易企秀吧，我常用，推薦。

直接搜h5工具即可，有很多的軟體

直接用在線網站就可以製作啊。不打廣告，你可以搜搜看。找不到私信我。

首先，到雲來場景應用選一個你喜歡的模板，然後，在模板上面換圖片，換文字，換背景音樂，都有素材庫，不用另外找，最後，發布就做好啦~都是免費不用錢的~