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页面的制作水平啦,新手也总有一天变成大神的!

意派Epub360 | 制作微信H5页面的流程思路引导相关推荐

  1. 不懂技术,如何轻松制作微信H5页面?

    H5这个由HTML5简化而来的词汇,正通过微信广泛传播.H5是集文字.图片.音乐.视频.链接等多种形式的展示页面,丰富的控件.灵活的动画特效.强大的交互.实现信息传播,非常适合通过手机的展示.分享.也 ...

  2. h5 登录页面_一份写给新手的微信H5页面制作流程介绍

    作为一种非常受欢迎的营销推广方式,H5页面具有交互性好.易于传播.感官体验丰富.利于效果追踪等优势.由于H5页面的传播主阵地是微信,所以很多刚接触H5页面的新手经常误以为H5页面只能在微信中传播,也就 ...

  3. html5制作端午节游戏,意派Epub360怎么制作一个端午节H5小游戏页面?

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

  4. 意派epub360 html 代码,意派Epub360丨怎么制作在线知识答题H5?一起来学经验!

    作为一种经久不衰的创意形式,答题类H5不仅操作简单,而且极易点燃用户的测试和分享情绪,非常适合学校.企业.新闻媒体等组织开展在线知识答题活动. 利用H5开展答题活动对于知识的推广和宣传有很大帮助,无论 ...

  5. 意派epub360 html 代码,意派Epub360丨不用代码,不用定制,你也可以自己制作DIY类H5啦!...

    DIY类H5自2018年(第一支引起刷屏的DIY类H5<2018旺年全家福>)至今一直深受各大品牌方及用户的青睐,这类H5可提供多种元素供用户选择并DIY成具体的人物形象或场景.用户创作的 ...

  6. h5 右下角浮动按钮_意派Epub360丨国庆黄金周将至,分享9个H5互动营销思路

    自H5兴起以来,互动营销几乎成了节日标配. 距离2020年国庆黄金周还有半个月,对于越过节越忙的H5设计师来说,8天长假的到来无疑是令人兴奋的,但假期前的营销战场却又十分恼人. 与海报.文案不同,H5 ...

  7. h5页面怎么处理文件流_微信H5页面制作流程,大家有哪些经验分享?

    完整的H5页面的制作流程为:策划案--原型图--文案拟定--视觉设计--动画设计--音效编辑--代码或工具实现--上线 这是一种比较理想的作业流程,一般到了一定规模的制作公司会采用这种方式.如果公司的 ...

  8. 360 序列帧html生成工具,三款专业H5工具评测:意派Epub360、ih5、mugeda

    意派Epub360:在滴滴出行公众号推送的"三人行.必有我师"的H5中,以同时在线几万人的承载量完美应对了访问冲击. iH5:功能强大,但据了解用户在使用iH5的过程中,出现过数据 ...

  9. 堆米微信H5页面怎么制作?易企秀微信H5页面制作,微信简历制作,

    现在移动互联网如火如荼,微博过后,微信更是势不可挡.相对于微博的垃圾广告信息泛滥,微信对内容的控制不可谓不严格.当然相对于微博,微信的用户粘性更高,也就是说微信的粉丝价值更高,但是鉴于腾讯对公众号推广 ...

最新文章

  1. subprocess installed post-installation script returned error exit status 1
  2. 用OpenCV建立一幅只有几个像素且值可以自定义的图像,并输出保存到硬盘的方法
  3. jupyter notebook指定工作目录
  4. 如何花“一点点小钱”突破华为云CCE服务的“防线”
  5. spss主成分综合得分_使用SPSS对美国50个州情况分析
  6. 自动驾驶算法-滤波器系列(二)—— 卡尔曼滤波简介及其变种(EKF、UKF、PF)介绍
  7. 自己实现memcpy/strcpy/strcmp/strcat/strlen/strstr
  8. java top tree 数据结构_Java中如何实现Tree的数据结构算法
  9. 我为什么放弃使用MyBatis3的Mapper注解
  10. 通讯简单测试—Modscan32使用简介-Susie 周
  11. 网络编程(含 UrlConnection 发送 HTTP 请求下载文件)
  12. 【机器学习】分类决策树基本介绍+代码实现
  13. 免费桌面视频录像工具OBS的简单操作介绍
  14. UE4 用C++构建自定义材质 完成视频抠像
  15. 百度地图在地图上添加多个点,并调整地图层级及中心点至合适位置大小
  16. html中怎么制作太阳月亮交替,使用纯CSS实现太阳和地球和月亮运转模型动画的方法...
  17. composer 2.0 报错:No composer.json present in the current directory, this may be the cause of the foll
  18. 简单漏洞:CVE-2022-0543 Redis Lua 沙盒绕过
  19. 【必备算法】动态规划:LeetCode题(九)309. 最佳买卖股票时机含冷冻期,714. 买卖股票的最佳含手续费
  20. scpjsv3模组链接_我的世界scpv3下载-我的世界scpv3模组下载-4399J小游戏

热门文章

  1. 团队使我成长,学习使我快乐
  2. 用Java为视频添加图片水印(类似直播)
  3. 怎么批量给视频加logo水印?
  4. 选择一个android的版本下载,选择下载-选择安卓版下载_公交游戏网
  5. 卡尔曼滤波基本公式推导(高斯乘积法)
  6. R语言 1:2 1:n 倾向性评分匹配法PSM 一个病例多个对照 MatchIt包
  7. Web端即时通讯之SSE
  8. 7-1 求圆面积 (10分)
  9. 1、RDA8910(4GCAT1)CSDK二次开发:环境搭建
  10. 最新WIN10系统封装教程2019系列(八)——测试效果