H5如此勢頭,不得不讓營銷汪對H5頁面的未來充滿了期待,越來越多的人開始在營銷中運用H5頁面。其實在移動端各個領域,H5頁面的叫法很多,也會稱為翻翻看、手機微雜誌、廣告頁、場景應用、海報\畫報(動態海報、指尖海報、掌中海報、動畫海報、微畫報、微海報)等等,經常能見到的就是滑動翻頁。
然而大企業大公司的土豪都在利用自己強大資源和技術比拼H5場景頁面,一些小企業或普通獨立營銷者就只能眼巴巴看著嗎?
NO,下面給大家介紹藉助we+這一個互動展示在線製作工具,可以輕鬆的製作出大師級的微信h5頁面。
工具/原料
製作H5互動展示的原始素材,如:頁面圖片元素、頁面文字內容、背景音樂、頁面等;
we+的用戶賬號。
H5互動展示頁面創建與製作
輸入weplus直接搜索,通過搜索結果頁面直接進入官網。
進入we+官網,點擊首頁右上角按鈕進入註冊/登錄界面。
沒有賬號的用戶,點擊註冊按鈕跳轉註冊頁面,分別輸入你的用戶暱稱、郵箱、密碼,點擊註冊即可。
註冊/登陸完成後,進入H5製作編輯後臺。
新項目創建
1)點擊“創建展示”按鈕創建一個新項目;
2)進入模板選擇頁,你可以選擇空模板,天馬行空自由創作;也可根據需要選擇主題模板,快速的創作出炫麗的H5展示頁面。
對於剛開始使用這個工具的我們來說,一開始就想要製作出炫酷的效果來,並非易事。這時候我們可以藉助平臺精美模板,通過修改模板的內容來改編成我們自己的作品。
3)選定模板後,點擊右上角“確定”按鈕,開始H5頁面編輯。
要想用we+製作出精美的H5互動展示頁面,我們必須要熟悉它的工作界面。
①工作區縮放:改變工作區顯示大小,如需查看整體效果可調整為小百分比,編輯頁面局部元素位置時,可將百分比調大。
②前進、後退按鈕:編輯動作前進與後退,與PPT前進/後退按鈕相似。
③頁面效果播放:查看當前頁面所設置的動畫效果。
④工具欄:工具選擇與添加。
⑤預覽與發佈:預覽整個H5互動展示項目,發佈中可更改分享頭像、分享標題、背景音樂、翻頁效果等。
⑥大綱區:可看到整個H5互動展示項目頁面數量,並直接選擇進行相應頁面內容編輯。
⑦工作區:H5互動展示頁面元素位置調整、排版,內容編輯。
⑧功能設置區:頁面元素動畫效果設置、樣式設置;
⑨頁面添加:H5互動展示項目頁面添加,可添加空白頁或收藏頁面。
注意事項
we+基於Html5技術實現,由Chrome谷歌瀏覽器與電信高速寬帶能帶來最佳體驗,請使用Chrome瀏覽器進行作品編輯。
H5流暢度與觀看設備型號與版本高度相關,移動設備建議使用IPhone 4S及以上或安卓4.0版本及以上進行支持。
3G以上移動網絡環境為最佳,部分體積較大的作品建議在WIFI環境下觀看。