精华内容
参与话题
问答
  • 本期课程主要是对前端交互利器意派Epub360的讲解,这款软件全面满足个性化需求.是一款无需编程即可轻松制作专业微杂志,微信邀请函,H5小游戏等营销互动H5,并可直接微信发布的功能性软件。它主要采用由简到难递进式...
  • 发展至今,随着 HTML5 技术的发展以及各种可产出交互视频的设计工具的出现,尤其是epub360 专业H5工具的出现(www.epub360.com),交互式视频开始逐渐在移动端兴起,其中最重要的载体形式便是 H5 。 上周腾讯和网易...

    发展至今,随着 HTML5 技术的发展以及各种可产出交互视频的设计工具的出现,尤其是epub360 专业H5工具的出现(www.epub360.com),交互式视频开始逐渐在移动端兴起,其中最重要的载体形式便是 H5 。

    上周腾讯和网易两家大厂不约而同地各自推出了一支 H5,这两支风格迥异的 H5 却一致运用了同一种 套路 形式——以交互式视频的形式来宣传自家旗下的新手游 .

    在这里插入图片描述
    其实,交互式视频这个想法,早在 PC 时代就已经被提出了,我们可以先来理解下交互式视频这个概念:

    交互式视频,是指通过各种技术手段,将交互体验融入到线性的视频的新型视频 . 最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度,可以认为是病毒营销一种 . 发展至今,随着 HTML5 技术的发展以及各种可产出交互视频的设计工具(如 Epub360等)的出现,交互式视频开始逐渐在移动端兴起,其中最重要的载体形式便是 H5 .

    第一支探索交互视频的 H5,就是一年前由 dopemine 出品的《活口》,当时业内几乎没有见过类似的沉浸式、带交互的视频 H5案例,这简直是打开了H5 的新玩法:以剧情模式加互动游戏相结合的交互视频模式!

    在这里插入图片描述

    继第一支交互视频 H5 的刷屏走红之后,各大品牌与创意商们也都开始争相探索交互视频在 H5 上的运用,并产出了一系列优秀行业案例:

    在这里插入图片描述

    在体验了上述众多案例后,下面为派友们总结出了 4 种形式的交互式视频 H5:

    1、明星 / IP + 跌宕的故事剧情

    分辨这类交互视频 H5 的方法很简单,其核心一般都是明星或者某 IP,再配以创意编排极佳的剧本与对白,很容易就能引起刷屏效应 .

    《葫芦娃毁童年新番》
    出品:网易
    在这里插入图片描述
    在这里插入图片描述

    扫描二维码,查看案例

    网易这支 H5,借童年经典的动画回忆来制造刷屏 H5 话题这件事,这类“怀旧情怀”得套路网易早就用过,但这次却直接架上大 BOSS 丁三石来作为超级IP出场,虽然着实出乎意料之外,但对于娱乐至上的网易来说倒也合情合理 .

    《Dr.魏的这波操作我赌你破解不了!》
    出品:江苏卫视
    在这里插入图片描述
    在这里插入图片描述

    扫描二维码,查看案例

    连 Dr.魏都不知道?那肯定是没有看过非人类能挑战的电视节目《X强大脑》,Em…这次就由 Dr.魏来给你一波操作,看看你的那点小心思是不是都被猜中了?

    2、自由选择触发多条故事线

    表现形式为多为第一人称视角,通过观看用户的不同选择,产生多种不同的故事线与结局,优势在于其选择的自由度很高,但一般耗时较长,为避免用户长时间的观看疲劳,前期的策划上就需要多花些心思 .

    《忘忧镇》
    出品:腾讯TGideas

    在这里插入图片描述
    在这里插入图片描述

    扫描二维码,查看案例

    第一次看到这支《忘忧镇》 H5,精致的服装、道具、场景、演员,仿佛一部制作精良的荧幕电影般出现于眼前,恐怕每个人心里都有会有些疑问:这真的是我们印象中的 H5 吗?

    TG 新作为我们探索了交互视频 H5 的新模式,其实这种形式像极了角色扮演游戏,通过第一人称视角来解锁一章又一章节的关卡(故事线),走心的故事情节恰到好处地戳中了武侠迷们的心,但凡是痴迷于此的人,谁又不曾梦想过能闯荡江湖一把呢?

    《给张一山导一部戏》
    出品:穿越火线

    在这里插入图片描述
    在这里插入图片描述
    扫描二维码,查看案例

    别出心裁的让用户直接代替导演角色来选择不同的剧情进度,一共为 18 幕精心设计的创意小短片 .再加上无厘头式的搞笑结局与游戏经典的口号结合,耗时虽长,但不会让人有无聊乏味到想跳出的感觉 .

    3、互动游戏

    H5营销中少不了的小游戏,同样适用于交互视频 H5 . 视频剧情在H5小游戏中的过渡衔接,增强用户在H5中的代入感,也更能调动用户的参与感,提升游戏的趣味性 .

    《男同学最爱的APP终于上线》
    出品:W

    在这里插入图片描述
    在这里插入图片描述
    扫描二维码,查看案例

    图片合成类游戏,每个真实校花的自拍都是由一段短视频组成,粉系配色透露出青春靓丽的年轻、活泼感 . 通过选择四个校花中你最喜欢的外貌特征(眼、耳、口、型),来合成心目中的“最美校花” .

    《黄道忌日》
    出品:Amused Art

    在这里插入图片描述
    在这里插入图片描述

    扫描二维码,查看案例

    巧妙的结合了视频与游戏的玩法,偏向日本的浮世绘风的视觉风格,契合着鬼怪灵异的主题,提供“猛踩油门”、“跪地求饶”、“挥手呼救”、“倒车逃生”这四种选择,选择后开始进入游戏 .游戏未通过即为逃脱失败,立即会触发一段可以算是"暴力血腥"的视频作为惩罚结果 .

    4、 VR / AR 交互

    毋庸置疑, VR(虚拟现实)与 AR(增强现实)已经作为未来互联网行业的一大风口, 游戏、电影等领域已经开始初见成效 . 假设 VR、AR 能与交互视频H5 相结合,也一定能碰撞出非常可观的刷屏效果 .

    之前腾讯 QQ 就出品过一支 AR 概念的交互视频 H5,虽然只是简单地点击切换 2 支视频,但也可以算是一种 H5 创意与技术的尝试探索 .说不定,在不久的将来,我们就能真正看到这些黑科技与 H5 之间巧妙运用后产生的刷屏案例!

    所以 区别于之前交互性较差、单向传播的纯视频 H5,交互视频 H5 的出现,极好地解决了纯视频 H5 陷入自嗨的尴尬,使用户停留的时间得以增加,更有效地传播自身品牌产品或开展线上线下活动 .不过目前受微信版本的影响,视频类 H5 在移动端,特别针对安卓的兼容适配并不十分友好 ,这也在一定程度上局限了交互视频 H5 的发展 .

    在这里插入图片描述

    关注更多H5设计、案例、资讯

    展开全文
  • H5页面其实就是一种可交互的网页,除非要在其中设置微信授权(此举是为了获取用户的微信昵称及头像信息),否则也是可以直接在浏览器中在线浏览的,既方便又不占内存。一般来说,制作H5页面的流程基本有:确认项目...

    H5页面其实就是一种可交互的网页,除非要在其中设置微信授权(此举是为了获取用户的微信昵称及头像信息),否则也是可以直接在浏览器中在线浏览的,既方便又不占内存。一般来说,制作H5页面的流程基本有:确认项目需求、制定策划方案、完成草图设计、草图修改定稿、进行具体制作、成品测试上线、后台数据监控、项目复盘总结。

    做为一种非常受欢迎的营销推广方式,H5页面具有交互性好、易于传播、感官体验丰富、利于效果追踪等优势。由于H5页面的传播主阵地是微信,所以很多刚接触H5页面的新手经常误以为H5页面只能在微信中传播,也就经常把【微信H5页面】看作是一个不可分割的名词。事实上,H5页面其实就是一种可交互的网页,除非要在其中设置微信授权(此举是为了获取用户的微信昵称及头像信息),否则也是可以直接在浏览器中在线浏览的,既方便又不占内存。

    一般来说,制作H5页面的流程基本有:确认项目需求、制定策划方案、完成草图设计、草图修改定稿、进行具体制作、成品测试上线、后台数据监控、项目复盘总结。

    【确认项目需求】需要你与品牌方进行详细的沟通讨论,以确定H5页面的主题、风格、创意形式等。

    【制定策划方案】需要你根据确认好的项目需求进行系统化的构思,并将H5页面的内容、侧重点、版式设计表达清楚。在进行这一步时,你可以借助三个工具来解决一些棘手难题。

    ①灵感来源——意派epub360
    官网地址:www.epub360.com

    好的灵感很少是干坐着空想出来的,我们要不断寻找、吸收各种优质H5页面的创意及优势。在制定策划方案的初级阶段,你可以到意派Epub360平台上看看。这是一个专业的H5页面制作工具平台,该平台包含了一系列精美的H5页面案例,并以创意形式、行业、场景进行了划分,而每个划分下又分别包含了许多更加细微的小类别。这些H5页面案例大多都是由平台用户自行制作的,其中不乏爆款,绝对是个寻找灵感的好地方。

    在这里插入图片描述

    ②思维导图——百度脑图

    头脑风暴是制定策划方案的必经之路,当面对杂乱分散的idea时,思维导图能够让头脑风暴的结果更有条理和逻辑。作为可将发散性思维条理化表达的最有效工具,百度脑图不同于其他逻辑图工具,它不用安装、即开即用,且具有即时云端存储等特点,既易上手,又免去了手动保存的繁琐。

    在这里插入图片描述

    ③方案撰写——石墨

    石墨就像进阶版的word,除了极佳的写作体验和云存储功能外,它还支持多人同时在线编辑。你可以通过添加评功能直接在文档里与团队成员一起探讨策划方案该如何修改,而不需要反复发送文件。

    在这里插入图片描述

    【完成草图设计】及【草图修改定稿】属于设计执行阶段,可能会涉及到插画、视频等的设计,需要你与相应的视觉设计师进行沟通。而【进行具体制作】则属于开发阶段,作为对代码一窍不通的H5新手而言,我们免不了要借助第三方工具来制作H5页面。很多专业的H5页面制作工具所能达到的效果并不比开发差多少,比如说我们前面提到的意派Epub360。

    该工具的编辑页面设计简洁明了,DIY程度较高,无需编程即可创建出一些交互性强、创意度高的H5页面。你只需要确定好H5页面的创意设计和页面布局,然后再在编辑器内通过添加图文音乐、设置动画特效等等步骤,一步步去实现就行了。从简单的合成海报、答题测试、长页面到比较有难度的一镜到底、画中画,都可以自学完成(官网有案例、模板和教程)。此外,意派Epub360也会根据用户的需求不断进行功能开发,也就是说,这个工具是一直在贴近用户、跟着潮流的,比较适合长期学习使用。

    以制作H5微官网为例,你需要先登录意派Epub360并进入工作台,再创建一个空白场景,然后根据自己的创意设计和页面布局将以下要素囊括其中:

    ①企业代表性元素:logo、名称、广告语或形象代言人、标注性建筑物、吉祥物等。

    ②企业简介:简单介绍企业基本情况,包括历程、产品/服务、优势、荣誉奖项等。

    ③企业案例:合作方的名称、logo及具体作品的图文介绍、相关报道等。

    ④企业联系方式:电话(可设置一键拨号)、地址(可设置导航)、公众号(名称或二维码)、邮箱等。

    无论你是想通过文字、图片还是视频、动画等方式来展现这些要素,都可在平台教程中心找到相应的教程。

    我们可以一起来参考一下意派Epub360案例库中的企业微官网优秀案例《广州智道设计》,简单且大气。

    这是一款关于广州智道设计有限公司的微官网H5。用户进入首页后,可点击页面右上角的按钮查看智道案例、智道简介、智道服务及智道联系。其中,智道案例包括品牌案例、H5/小游戏、视频案例、室内空间,用户在查看这些案例时,可浏览图文或跳转至公众号文章、H5作品。

    【成品测试上线】是一个不断纠错的过程,需要耐心和细心。当你用意派Epub360制作好H5页面后,可以将其保存并发布出去,还可以设置封面、标题及分享语。

    【后台数据监控】对于H5营销而言非常重要,可以为后续的数据分析提供原料。意派Epub360是自带作品访问统计功能的,你可以自行查看访问量、转发分享统计等。

    【项目复盘总结】需要我们积极回顾反思,以便为下次的营销活动积累有效经验。

    看到这,相信你已经对H5页面的制作流程有了一定的了解,下一步,就是慢慢提升H5页面的制作水平啦,新手也总有一天变成大神的!

    展开全文
  • 六月已经过了三分之一,“粽子节”也马上要到了,每当这时候,又到新媒体运营人和设计师头秃的时刻,在传统的节日里,如何把传统的节日使用互联网元素表现,让更多的年轻人能够参与进来,H5这个形式或许是个不错的...

    a6a2b9b298ae05419280f2828193410d.png

    六月已经过了三分之一,“粽子节”也马上要到了,每当这时候,又到新媒体运营人和设计师头秃的时刻,在传统的节日里,如何把传统的节日使用互联网元素表现,让更多的年轻人能够参与进来,H5这个形式或许是个不错的选择,而小游戏又容易让用户参与与分享。
    在端午节做互动小游戏营销制作,其实有一个万能的制作思路,不光是在端午节,更是可几乎以应用在所有的节日上面上的形式。
    今天我们介绍这样一款H5平台,市场上零代码的第三方平台很多,但是像 意派Epub360这样专业级的工具,能够灵活创作一个场景,并且上手操作门槛极低的还是很少的。
    在正式开始前,我们先来介绍一下作品的主要的功能组件和设置方法。
    主要组件:碰撞侦测
    作用:多个元素之间发生接触时,可以触发一些事件,例如计数或播放动画
    效果如下:

    51f693a0ef03b8e9596cabcaff9a10f3.gif


    关于这个组件详细使用教程:《碰撞检测》
    应用场景
    碰撞检测组件,可以侦测组件的位置变化,当不同组件之间碰撞时,利用触发器触发各种动作,常用于H5小游戏。
    碰撞检测的几个概念
    1.碰撞目标元素/碰撞元素
    被用来设定为可以触发碰撞事件的两组组件,针对任意一个碰撞检测组件,都需要设置这么两组对象。这两组对象,可以各一个,也可以各多个。
    2.碰撞时触发器
    用于设定当发生碰撞时,可以触发到动作
    本期H5案例如下:
    点击体验>>>>>>[端午游戏1]抓住这个粽子

    f07952a526674ef3840fff9a2b7b371a.gif


    关于组件的使用我们理解清楚之后我们就可以做端午节,下面是游戏部分的设置步骤:
    1.我们把元素添加到画布上,摆放好,添加计时器,给“粽子”元素添加飞出动画,顶部,等待触发

    22780556ffd964870da915de0b320458.png


    2.给每个元素添加飞入动画,并把每一个飞入动画放在动画组里,设置与上一个一起开始

    c1a2b2c32af03892c2a9cb7dd816f3fd.png


    3.给每个飞出动画,动画结束时触发飞入的动画组

    4bd6a8f0087f46d85f141fb031b46bea.png


    4.添加碰撞组件,绑定碰撞元素和目标元素

    96f769acb21bdecdd5e8907ad9839ccc.png


    5.在碰撞侦测组件碰撞时,触发播放飞出动画

    746c43b893c97d6a490ece9f0a21b608.png


    6.在碰撞侦测组件碰撞时,参数变量+1,就是游戏得分加1

    95b01fb7230f8f142816444928796b27.png


    学会了这个教程,我们不光做端午节的H5游戏,甚至所有的节日的H5小游戏了,只要是碰撞类型的小游戏,比如端午节接粽子,中秋节接月饼,618购物节接礼品,春节接红包……本期教程就到这里啦,下期我们再见~
    Epub360 H5工具官方地址:www.epub360.com
    21epub视效艺术组创意出品,转载请注明来源:意派·Epub360-专业的H5页面制作工具
    Epub360,是一个专业的H5页面制作工具及企业服务平台,提供工具技术支持、工具教学培训、企业H5互动营销解决方案、私有化部署等服务。

    展开全文
  • GPU Pro 360 Guide to Rendering 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
  • 游戏设计之道》epub版!非扫描版! 亚马逊购入,完整511页! 第1关 欢迎,小白! 1 电子游戏简史 3 游戏分类 7 游戏是哪些人做的 9 可曾想过发行 15 第1关的攻略与秘籍 16 第2关 创意 17 创意:如何获得及...
  • 意派Epub360是一款不同于模板类的H5页面制作工具,它的专业级功能可以满足更多个性化设计诉求。 课程介绍 意派Epub360是一款无需编程即可轻松制作专业微杂志、微信邀请函、H5小游戏等营销互动H5,并可直接微信发布的...

    在互联网时代,UI设计师不可避免要完成很多移动端页面的设计,掌握一些工具可以让UI设计师在工作中事半功倍。意派Epub360是一款不同于模板类的H5页面制作工具,它的专业级功能可以满足更多个性化设计诉求。

    课程介绍

    意派Epub360是一款无需编程即可轻松制作专业微杂志、微信邀请函、H5小游戏等营销互动H5,并可直接微信发布的功能性软件。它主要采用由简到难递进式产品设计模式,尊重用户已有的软件使用习惯,在保证专业度的同时,将常用效果组件化,最大程度上减少用户上手难度、提高设计效率。

    课程目的

    通过以上学习,让大家可以利用意派360中动画效果、素材上传、触发器、layer组件、联动组件等基础工具和高级组件轻松制作出专业微杂志、微信邀请函、H5小游戏等营销互动H5。

    课程目录

    第1章-意派-基础操作讲解

    01-动态效果

    02-直线运动

    03-打开网址

    第2章-意派-高级组件讲解

    04-擦除交互

    05-高级组件

    06-幻灯及按钮

    展开全文
  • 高级篇讲解爬虫的高级话题,如登录认证、文件下载、执行JavaScript、动态网页爬取、使用HTTP代理、分布式爬虫的编写等,并配合项目案例讲解,包括供练习使用的网站,以及知乎、豆瓣、360爬虫案例等。 本书案例丰富,...
  • 全民阅读epub:http://www.dushuxiezi360.com/ 社交媒体广告是一种线上推广的形式,它对于引起潜在新用户的注意来说效果尤其好。看到广告的人也许不会马上产生购买的兴趣——他们甚至对公司或产品都不熟悉。没...
  • 本期课程主要是对前端交互利器意派Epub360的讲解,这款软件全面满足个性化需求.是一款无需编程即可轻松制作专业微杂志,微信邀请函,H5小游戏等营销互动H5,并可直接微信发布的功能性软件。它主要采用由简到难递进式...
  • 本期课程主要是对前端交互利器意派Epub360的讲解,这款软件全面满足个性化需求.是一款无需编程即可轻松制作专业微杂志,微信邀请函,H5小游戏等营销互动H5,并可直接微信发布的功能性软件。它主要采用由简到难递进式...
  • 08-Jul-2018 08:22:56 - DEBUG :: POSTPROCESS : common.py:setperm:360 : Failed to set permission 644 for L:\~ebooks\Peter V Brett - [Demon Cycle 04] - The Skull Throne (retail) (epub)\Peter V Brett - ...
  • 2016 | ISBN: 1633430103 | English | 360 pages | PDF | 10 MB Summary Functional Reactive Programming teaches the concepts and applications of FRP. It offers a careful walk-through of core FRP ...
  • 意派Epub360是一款不同于模板类的H5页面制作工具,它的专业级功能可以满足更多个性化设计诉求。 意派Epub360是一款无需编程即可轻松制作专业微杂志、微信邀请函、H5小游戏等营销互动H5,并可直接微信发布的功能性...
  • 做H5页面用什么软件比较好?

    千次阅读 2016-12-28 17:07:21
    1. ... ) iH5定位于一款专业级H5制作工具,功能较为强大,用户可以编写代码,但是学习成本较高,不适合不懂代码的初学者。 ...we+定位于3分钟制作H5,使用简单功能也较为强大,各种功能以插件化提供给...Epub360(htt
  • HTML5教程|0代码,快速制作调查问卷

    千次阅读 2019-12-02 14:01:45
    我们使用的H5工具是Epub360(没有账号?一分钟免费注册),下面就进入教学环节吧~ 一、组件介绍: 单选项:可实现用户在一组选项中只能选中一项功能效果,配合高级表单可收集用户选择的单个选项,是高级表单的功能之...
  • H5页面制作简单上手工具对比

    千次阅读 2018-02-08 20:27:28
    H5页面制作工具评测 - 简单对比以下制作工具iH5和Epub360的使用心得
  • ☞☞☞2019年千锋教育最新视频课程-速速收藏☜☜☜ 可穿戴设备 客户端设计...epub360 H5页面 时间:播放动效的时间 延迟:播放动效之前等待的时间 意派360: https://www.epub360...
  • 1、百度网盘、华为网盘搜索书名 ... 2、新浪微盘搜索书名 ...3、google、百度、360、搜狗、bing搜索 ...书名 + pdf、txt、mobi、epub(Electronic Publication的缩写)、kindle 其它电子书格式:azw3 fb2 htmlz li
  • 今天,我们使用的H5工具是Epub360,下面我们来介绍实现数据图表可视化效果的方法,零基础的你们准备好了吗? 首先,我们先来介绍一下数据图表组件。 数据图表组件简介: 数据图表组件是一款用于数据可视化动态展示的...
  • 今天同事问我之前用过的H5的模板页面有哪些?...2、意派.Epub360 https://www.epub360.com/ 3、码卡MAKA http://maka.im/ 4、秀米 https://xiumi.us/#/ 5、爱乐微主管 http://wx.ilwei...
  • 网址: 1、http://www.ih5.cn/ 2.、http://www.epub360.com/ 3、http://www.chanpin100.com/article/100843
  • Epub360 Epub是团队引入的专业级H5应用开发工具,能够快速制作出高质量的H5运营交互页面,具有动画控制、交互设定、社交应用和数据应用的特点,其制作过程就类似于制作一个PPT,比较容易上手。 动画控制...
  • html5制作工具怎么做屏幕自适应

    千次阅读 2016-12-28 17:05:06
    有专注于微站的(百度轻应用等),有专注于翻页微信场景的(易企秀、兔展、Maka、初页等),也有专注于通用工具的(互动大师http://vxplo.cn、Epub360)。 最近,还有一些超级公司也跳进来了,腾讯的玉兔...
  • 轻应用相关平台链接

    2015-08-27 14:38:00
    轻应用场景(红色标注为网上评论比较好的) http://www.poodo.com.cn/sjhb_sc http://www.vxplo.cn/explore ... http://www.epub360.com/portfolio/selected/ http://s.etao.com/cp/s6G-sNOm08M.htm...
  • 微信html5开发平台

    2016-05-14 15:38:13
    互动大师  http://www.ih5.cn/home 意派 http://www.epub360.com/ 木疙瘩 http://www.mugeda.com/ 易企秀
  • 叨一下H5的手机适配

    2016-08-01 12:53:30
    在2015场景火爆的开始,很多公司脱颖而出,比如:易企秀,Epub360意派,vxplo互动大师等等。上面三个公司都有自己的适配的方法,那我在这里叨逼一下自己用到的两个方法,当然方法比较多。主要看自己的项目了。 1,...
  • 至于交互类工具,iH5、Mugeda、Epub360这三个里面选一个就行。 ---------------- http://xiu.xiniu.comhttp://www.rabbitpre.comhttp://maka.im---------------- 为啥放这3个,可猜下.... m...

空空如也

1 2
收藏数 38
精华内容 15
关键字:

epub360