制作與應用經驗交流內容概述：O一、H5場景是什么O二、H5場景的宣傳優(yōu)勢

O三、怎樣制作H5場景O四、如何使用H5場景進行有效宣傳一、H5場景是什么OH5是指第5代HTML，也指用H5語言制作的一切數(shù)字產品。所謂HTML是“超文本標記語言”的英文縮寫。

“超文本”是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。而“標記”指的是這些超文本必須由包含屬性的開頭與結尾標志來標記。瀏覽器通過解碼HTML，就可以把網頁內容顯示出來，它也構成了互聯(lián)網興起的基礎。你看到的每一個網站，都是基于HTML語言制作的，目前大部分是基于HTML4制作的，而H5是萬維網聯(lián)盟于2014年9月正式推出的新版本。相比H4，H5有更多的交互和功能，最大的優(yōu)點之一是在移動設備上支持多媒體，它將替代H4，成為未來所有網站制作的基礎。OH5場景是基于HTML5語言+CSS樣式實現(xiàn)簡單的圖片+翻頁交互，最終整體表現(xiàn)近似幻燈片展示。二、H5場景的宣傳優(yōu)勢其優(yōu)勢在于：O

制作簡單，周期短，這種H5展現(xiàn)形式適用于頻繁、小型的需求。O

制作成本幾乎為零，H5現(xiàn)在已經出現(xiàn)了很多在線制作軟件供大家使用，所以制作成本在現(xiàn)在看來幾乎是等于零的，而在之前這樣一個應用的開發(fā)可能要將近一萬元。O

其幻燈片式的展示方式，讓內容由“靜態(tài)”向“動態(tài)”的

表達方式轉換，解決了有時微信圖文無法達到的理想效果，增強了用戶的交互式體驗，更易于傳播。O

短頻傳播快，時效性高，沒有人能完全掌握受眾的興趣點，所以一次大投入的傳播不一定就能出效果，但是多次熱點

傳播出效果的概率從統(tǒng)計學的角度也要高一些。三、怎樣制作H5場景H5場景并不高端，制作H5場景主要是傳達思想，傳達你對工會品牌和產品的理解，你想讓職工了解什么，知道什么，思想第一，技術第二。1.明確思想 訂立主題2.寫好文案,設定風格3.合理選擇，整理素材4.喜歡就好，自由發(fā)揮三、怎樣制作H5場景制作H5場景需要的軟件有那些1.H5場景應用軟件目前，市場上H5場景制作軟件有很多，如搜狐快站、

MAKA、秀米、Epub360（意派）、易企秀等。選軟件的宗旨是“用著順手”，看個人喜好。三、怎樣制作H5場景2.制圖軟件制圖軟件是必備軟件之一，制作H5場景背景和頁面中需要大量的圖片素材，圖片素材的制作好壞，直接影響H5場景的展示效果，因此，制圖可以說是H5場景制作的核心。制作“高大上”H5場景需把握的幾點1.頁面構圖、文字排版：注意與整體風格的搭配，文字排版原則上是在圖片留白處，以確保整體的和諧。2.圖層邏輯結構：上層圖層會被下層圖層覆蓋，實現(xiàn)疊加的效果，合理利用，會為整個場景提升逼格。3.時間邏輯結構：場景時間分為兩部分，一為場景展示時間，一為延遲時間，簡單理解就是你的演員的出場速度，與出場順序時間。下一動作出現(xiàn)如需在上一個動作完成后出現(xiàn)，則時間的算法就為上一動作的所有時間+實際延遲時間，即：上一動作（展示時間+延遲時間）+下一動作需延遲時間。具體按照個人整體布局和想達到的效果，多做調試。四、如何使用H5場景進行有效宣傳1.品牌傳播型品牌宣傳型H5頁面等同于一個品牌的微官網，更傾向于品牌形象塑造，向用戶傳達品牌的精神態(tài)度。在功能上就是為了傳播品牌自身的形象；在設計上則需要運用符合品牌氣質

的視覺語言，讓用戶對品牌留下深

刻印象。四、如何使用H5場景進行有效宣傳2.活動運營型為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游

戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態(tài)廣告圖片傳播不

同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性

的設計來促成用戶分享傳播。四、如何使用H5場景進行有效宣傳3.產品展示型聚焦于產品功能介紹，運用H5的互動技術優(yōu)勢盡情展示產品特性，吸引用戶買買買。四、如何使用H5場景進行有效宣傳4.總結報告型支付寶的十年賬單引發(fā)熱議，各大企業(yè)的年終總結現(xiàn)也熱衷于用

H5技術實現(xiàn)，優(yōu)秀的互動體驗令原本乏味的總結報告有趣生動了起來。四、如何使用H5場景進行有效宣傳5.賀卡邀請函型每個人都喜歡收到賀卡或邀請的感覺，抓住這一心理，品牌推出了各種H5頁面形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的，在邀請的同時也展示了自己的產品與品牌，可以一舉多得！四、如何使用H5場景進行有效宣傳6.公益?zhèn)鬟f型公益?zhèn)鞑ヮ愔饕轻槍ι鐣顒樱壅芰?，為大眾利益處著想，所制作的H5頁面互動活動，主要目的是為了傳播對社會，對人類有益處的公益事業(yè)。四、如何使用H5場景進行有效宣傳7.故事講述型講個好故事，引發(fā)情感共鳴，不論H5頁面的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發(fā)用戶的情感共鳴，將對內容的傳播形成極大的推動。四、如何使用H5場景進行有效宣傳8.教學教程型H5的翻頁形