H5有哪些创意类型？[页4]

租来的王妃不争宠,ynzs,张成楚

　　虽然没有神经猫那么火，但相对而言这种制作难度较低，对一般的H5制作者可行度更高一些。

　　扫描二维码，立即体验!

　　(数英网 App 用户需点击放大二维码后，长按识别)

　　接下来的几种类型，不一定有很强的传播力，但做为基础创意类型可以和其他场景和类型融合：

　　5、虚拟场馆

　　核心思想：

　　通常是二次元和三次元的融合，既有真实世界的空间感，又有二次元世界的天马行空。基本以创意设计和内容体验打动人心。

　　常见形式：

　　全景图、视差、交互式GIF、全景视频...

　　典型案例：

　　《杜蕾斯场馆》

　　杜蕾斯案例大家都看过，下面举一个交互式GIF的例子，原理就是将GIF转化为逐帧动画，在每个帧中加入互动元素，与一般通过视差图层实现相比，可以实现更逼真的三维场景。相较于对技术要求比较高的SVG和Canvas，这种实现方法更适合擅长动画和GIF的设计师。

　　扫描二维码，立即体验!

　　(数英网 App 用户需点击放大二维码后，长按识别)

　　6、实物模拟

　　核心思想：

　　通过模拟具体实物的界面/造型并加入互动元素，以此产生类AR(增强现实)的效果，比如哈里波特里能播放视频的报纸，三体中能播放广告的马桶盖。在H5中实现，虽然打了些折扣，但如果能抓到有趣的点，也可以引起共鸣和传播。

　　常见形式：

　　模拟来电、微信对话、报纸/小说/杂志、电视、诺基亚...

　　典型案例：

　　《这个陌生来电你敢接吗》

　　W的经典之作，不过下面举一个模拟报纸的例子，有一定的探索意义，H5作为新型的阅读形式或许也将引领潮流，未来的新闻、小说、漫画都可以是动态的、互动的。

　　案例详情： http://www.digitaling.com/projects/14521.html

　　扫描二维码，立即体验!

　　(数英网 App 用户需点击放大二维码后，长按识别)

　　7、微信图文模拟

　　核心思想：

　　模拟常见的微信图文版式，通常布局和版式上需做到真假难辨，但又加入许多互动元素，造成“出其不意”的效果。

　　典型案例 ：

　　《四大导师拯救麦渣》

　　很多人看了以后都问这篇图文到底是怎么做的...

　　案例详情： http://www.digitaling.com/projects/15128.html

　　扫描二维码，立即体验!

　　(数英网 App 用户需点击放大二维码后，长按识别)

　　8、剧情游戏

　　核心思想：

　　简易RPG，基于一定的故事剧情加入游戏元素，一般以故事见长，游戏只是增强互动的元素。可借助热点内容创作，比如流行的电影、小说、电视剧等。

　　常见形式：

　　密室逃脱、侦探解谜、剧情冒险、少女养成...

　　典型案例：

　　《我的少女时代》

　　扫描二维码，立即体验!

　　(数英网 App 用户需点击放大二维码后，长按识别)

提供超多HTML5+CSS3响应式网页模版免费下载的酷站

今天介绍的HTML5UP!提供大量的HTML5模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。