微信H5互動展示頁面如何製作??

Tags: 微信, 頁面,

H5如此勢頭,不得不讓營銷汪對H5頁面的未來充滿了期待,越來越多的人開始在營銷中運用H5頁面。其實在移動端各個領域,H5頁面的叫法很多,也會稱為翻翻看、手機微雜誌、廣告頁、場景應用、海報\畫報(動態海報、指尖海報、掌中海報、動畫海報、微畫報、微海報)等等,經常能見到的就是滑動翻頁。

然而大企業大公司的土豪都在利用自己強大資源和技術比拼H5場景頁面,一些小企業或普通獨立營銷者就只能眼巴巴看著嗎?

NO,下面給大家介紹藉助we+這一個互動展示在線製作工具,可以輕鬆的製作出大師級的微信h5頁面。

工具/原料

製作H5互動展示的原始素材,如:頁面圖片元素、頁面文字內容、背景音樂、頁面等;

we+的用戶賬號。

H5互動展示頁面創建與製作

輸入weplus直接搜索,通過搜索結果頁面直接進入官網。

微信H5互動展示頁面如何製作?

進入we+官網,點擊首頁右上角按鈕進入註冊/登錄界面。

沒有賬號的用戶,點擊註冊按鈕跳轉註冊頁面,分別輸入你的用戶暱稱、郵箱、密碼,點擊註冊即可。

微信H5互動展示頁面如何製作?

微信H5互動展示頁面如何製作?

註冊/登陸完成後,進入H5製作編輯後臺。

新項目創建

1)點擊“創建展示”按鈕創建一個新項目;

2)進入模板選擇頁,你可以選擇空模板,天馬行空自由創作;也可根據需要選擇主題模板,快速的創作出炫麗的H5展示頁面。

對於剛開始使用這個工具的我們來說,一開始就想要製作出炫酷的效果來,並非易事。這時候我們可以藉助平臺精美模板,通過修改模板的內容來改編成我們自己的作品。

3)選定模板後,點擊右上角“確定”按鈕,開始H5頁面編輯。

微信H5互動展示頁面如何製作?

微信H5互動展示頁面如何製作?

要想用we+製作出精美的H5互動展示頁面,我們必須要熟悉它的工作界面。

①工作區縮放:改變工作區顯示大小,如需查看整體效果可調整為小百分比,編輯頁面局部元素位置時,可將百分比調大。

②前進、後退按鈕:編輯動作前進與後退,與PPT前進/後退按鈕相似。

③頁面效果播放:查看當前頁面所設置的動畫效果。

④工具欄:工具選擇與添加。

⑤預覽與發佈:預覽整個H5互動展示項目,發佈中可更改分享頭像、分享標題、背景音樂、翻頁效果等。

⑥大綱區:可看到整個H5互動展示項目頁面數量,並直接選擇進行相應頁面內容編輯。

⑦工作區:H5互動展示頁面元素位置調整、排版,內容編輯。

⑧功能設置區:頁面元素動畫效果設置、樣式設置;

⑨頁面添加:H5互動展示項目頁面添加,可添加空白頁或收藏頁面。

微信H5互動展示頁面如何製作?

注意事項

we+基於Html5技術實現,由Chrome谷歌瀏覽器與電信高速寬帶能帶來最佳體驗,請使用Chrome瀏覽器進行作品編輯。

H5流暢度與觀看設備型號與版本高度相關,移動設備建議使用IPhone 4S及以上或安卓4.0版本及以上進行支持。

3G以上移動網絡環境為最佳,部分體積較大的作品建議在WIFI環境下觀看。

相關問題答案