• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5有哪些创意类型?

HTML5有哪些创意类型?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含等相关知识,匿名希望在学习及工作中可以帮助到您

回复内容:

举一些比较草根/实用的例子吧,像W的例子虽是经典但只能远望,和3水老师交流过几次,他对“创造”的理解和追求不是一般人所能及。另外,我们之间就一个聚字不是gif,是canvas。。

下面这些纯粹从实用性角度分享一些例子:

1、带个人属性的测试
基本逻辑:输入姓名>随机出带姓名变量的结果>分享
核心思想:测试结果一般带有个人属性并有炫耀性质(社交货币?),以此激励分享。比如“XXX是靠脸吃饭的”“XXX的新年签是好运”“XXX的颜值完败凤姐”
常见类型:算命、新年签、运势、职业...

典型例子 《快来算算你是靠什么吃饭的》 PV 5000万(第三方统计)
可能很多人看到过



2、炫耀/恶搞 DIY
基本逻辑:输入个人信息>生成个性页面>分享
核心思想:生成的页面为用户常见页面的高仿真版本,比如朋友圈主页、新闻页面、杂志封面,甚至一些更具体的,结婚证、学生证等等,一般为恶搞或者炫耀,以此激励分享。比如 生成自己的明星朋友圈,生成自己的头条新闻、生成结婚证等等
常见类型:生成朋友圈、新闻报道、对话记录、结婚证等等

典型例子 《网易新闻 我要上头条》 PV 5000万(官方对外公布数据,据说是2天内)
刷屏典型


3、人物叙事
基本逻辑:展现人物生活/工作片段>让读者感动、无地自容>分享支持
核心思想:一般是不太受关注的劳动工作者或公务人员,展现平凡而细微的人物生活,文案正能量、具煽动性,以此激发分享。
题外话:个人不赞同用这种方式来营销,但H5确实比较适合做这种人物叙事,不像视频那么重,更方便分享和传播,对很多人物摄影爱好者来说是个很好的表达方式。

典型案例 《如果可以,让我们一起回家》 PV 500万(第三方统计)
公益+硬植入,不太喜欢


4、小游戏
基本逻辑:直接玩>获得成就>分享
核心思想:一次游戏时长不超过1分钟,规则简单,难度大,但随着熟练度提升难度快速降低,于是给玩家造成自己很聪明获得很高成绩的错觉,以此激励分享。
常见类型:不固定,好玩就行

典型例子 《按住一秒钟》 PV 700万
虽然没有神经猫那么火,但相对而言这种制作难度较低,对一般的H5制作者可行度更高一些


未完,待续 一些传统的大家见了很多的就不说了,基本都在下面几个分类吧。

1.测试:知乎出过一个财务包子铺还不错。
2.小游戏:激励好友进行分享,最出名的莫过于神经猫了。
3.利人利己型:发红包
4.展示型,从内容分为以下几个部分

  • · 心灵鸡汤或抓住亲情,友情,爱情的h5
  • · 怀旧型:抓住用户的母校情怀,怀旧情怀等用户心理来进行制作
  • · 热点营销:比如黄太吉借助港囧的热点营销,最近的小王子,还有些借助节日的。

下面介绍几种酷炫的h5做法。

一.高B格技术型:全景三维空间
1.案例:杜蕾斯美术馆
用全景三维空间技术打造了一个网上美术馆,随着手机滑动,可看到不同的房间与陈设。
扫二维码体验:
2.梦幻水晶球。
通过移动手机,镜头从水晶球外不断摇晃推近,渐渐走进水晶球的微观世界里。通过手机环顾四周,可以360度欣赏水晶球里的全景,摇一摇雪花便漫天飘洒。使用了重力感应、3D等技术,文字与BGM的使用也十分讲究。
二.手机场景模拟
案例有“这个陌生来电你敢接吗?”是大众点评为了宣传《复仇者联盟2》出的一个H5,用未知来电开启画面将用户引入到与自己有关联的故事里,最后引出品牌广告。完美有没有!当时朋友圈刷屏啊。

您可能想查找下面的文章:

相关文章

  • 2018-12-03HTML5中Viewport的参数介绍以及使用方法
  • 2018-12-03REM相对单位使用案例分享
  • 2018-12-03html5 实现如何将两个矩形相互叠加
  • 2018-12-03html5 canvas 简单画板实现代码_html5教程技巧
  • 2018-12-03关于HTML5音频与视频的详细介绍
  • 2018-12-03html5构建触屏网站之网站尺寸探讨_html5教程技巧
  • 2018-12-03左右滑动条原理。?
  • 2018-12-03用html5实现一个简单的钟表外观
  • 2018-12-03HTML5实战与剖析之判断移动端横屏竖屏功能
  • 2018-12-03HTML5 Canvas实现文本对齐的方法总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5实现各种图片样式实例用法汇总
    • 小强的HTML5移动开发之路(10)——在线画板
    • html5 offlline 缓存使用示例_html5教程技巧
    • HTML5新增元素:语义化元素的介绍
    • 关于HTML5和CSS3实现机器猫的代码
    • H5的web本地存储如何使用
    • 基于HTML5 Canvas 实现弹出框效果
    • HTML5 canvas画图的图文代码详解
    • H5学习之旅-H5的布局(10)
    • HTML5 canvas标签实现刮刮卡效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有