H5创意策划

概要：使用气泡案例（图1），结合热点，打造一个全新H5，应用到实际场景中去。

图1.气泡

构思创意之前需要对《气泡》案例进行解析：

一、相较于传统传统H5表现形式，气泡效果做了哪些创新或是有何亮点值得为其打造一个全新H5？

《气泡》案例视觉上，使用了大小色彩不一的球体作为页面元素载体，相较于传统横向或纵向布局，显得更有灵气，适当的碰撞动效及留白缓解了多元素页面带来的视觉疲劳，是处理多元素的不错选择。

二、《气泡》是如何呈现画面的？

气泡会编织成一个固有形状，经过转换打散后，散布到页面各个位置，横向移动屏幕可以浏览更多气泡，点击气泡，相应气泡放大，出现预设效果。

对“气泡”进行思维拓展，由“气泡”联想到的概念

图2.由“气泡”引发的联想

1.抽奖：《气泡》案例适用于抽奖活动，打开气泡，获取惊喜

2.儿童：画风趋于儿童化，可以拓展的儿童游戏或创作

3.射击游戏：气泡有“完整”和“破”，两种状态，点击气泡炸裂，适用于射击类小游戏

4..礼物：气泡有“包装”和“藏”的涵义，可以延伸到制作或传递精美礼物

5.球球大作战：和球相关的比较热门的游戏，算是蹭热点

6.国庆：当然是放飞的彩球了，这个画面很容易想象

7.中秋：孔明灯祈愿，算是比较切合主题的想法

8.体育：气泡可以变幻成各类球，乒乓、足球、篮球等

还有很多，很多...

抓住核心，适当取舍

有了想法后，现在需要进行创意筛选和提取了，个人比较中意“中秋”提议。

接下来开始构思活动主题，及基本流程。

主题：

听，我真的很想你

放飞孔明灯，传递思恋

基本流程：

图3.创意流程图

主要页面描述：

1.首页

充满节日氛围的画面

图4.中秋图

图5.中秋图

2.内页

滑动首页，孔明灯位置变幻，散落天空，手指触动孔明灯，进入猜灯谜和讲故事环节

主要页面示意：

图6.主要页面示意