0 Comments

内部培训笔记1:28种H5创意类型

发布于:2017-03-01  |   作者:广州网站建设  |   已聚集:人围观

a22558b6361da801219c775456b6.jpg

 

以下内容整理自ih5_cn内部培训课程《从零到精通H5》,希望能给大家一些关于创意交互类型的新认知。

 

 

28大H5创意类型

 

包含:

结构分析

制作思路

参考案例

 

掌握了这些基础H5类型,创意信手拈来!

 

 


 

 

展示类

 

展示类H5是最常见的移动H5网页,因其交互形式简单(翻页)、制作快捷(套图),应用上非常广泛,包括邀请函、多媒体新闻、相册、动态海报等。

 

 


 

全景类

 

全景类H5可以说是16年最火爆的H5形式,而源头就是VML团队创作的淘宝造物节邀请函《ZAO》和天猫《尽情尽兴,尽在双11》H5,一个属于720°伪3D的全景,一个是长镜头递进的一镜到底。这类H5很考验设计能力,需要绘制很多图片素材,才能形成层次感。

 

 


 

视频类

 

视频类H5大多以全屏视频的形式存在,能够减少其他因素对用户的干扰,H5的体验不会轻易被中断,而且用视频能够展现出一些H5实现不了的特效,结合音乐和音效更能让用户全身心沉浸。

 

 


 

动画类

 

动画类H5以全屏动画为主,多通过讲述故事来吸引用户注意,整个动画几乎没有交互,一气呵成,在别人没来得及反应之前,故事已经进入尾声,一屏广告静静地冒出来。

 

 


 

交互动画类

 

交互动画与动画类H5最大的区别就是增加了交互功能,动画的播放是用户进行控制的。

 

 


 

模拟类

 

模拟类的H5曾经特别火,主要形式是各种设备模拟,如模拟来电、微信聊天界面、微信朋友圈、手机界面、各类APP等。模拟类H5的内容通常跟明星名人有关,抓住的是用户与明星、名人静距离互动的新鲜感。

 

 

3c0658b636f5a801219c77d6b614.jpg

 


 

合成类

 

合成类H5一般以恶搞、幽默居多,上传图片合成与明星的合影,或者填写名字生成新闻头条。还有一种合成是画图,类似网易在奥运期间出的画小人的H5,画出的小人会结合到后续的场景中,类似的还有秘密花园填色游戏,你画我猜等等。

 

 

5aab58b63726a801219c77c69910.jpg

 

 


 

数据应用类

 

数据应用类H5是用于数据统计、收集或展示的H5,因其应用场景的丰富(包括抽奖、测试、投票等),创作上的空间巨大,但也比较考验设计逻辑。

 

 

 


 

游戏类

 

据说每4个H5,就有一个是H5游戏。H5游戏按用途可以分为两类,一类是纯游戏,单纯娱乐,比如棋牌游戏、吃豆人、钢珠迷宫游戏等,一类是营销游戏,在游戏的基础上会增加排名设定,在游戏结束时有导流页。

 

 


 

跨屏类

 

跨屏类H5的互动不仅是用户与H5内容的互动了,而是提高到人与人、商家与消费者的互动。它可以是双屏互动,用户找个小伙伴一起玩。也可以是线下活动互动利器,让观众与舞台进行互动,比如大屏投票,评论上墙等,这可是春晚也用过的招数。

 

 


 

其他

 

 

飞机