如何设计h5页面

~

完整的H5页面的制作流程为：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线

这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。如果公司的细分程度做不到这么细的话，那就身兼数职，但是流程是不变的。

你的提的问题，是初学者普遍困惑的问题，我按照你的提问顺序逐一回答一下：

1、H5页面正规流程下需要用什么软件制作（不要网上那种几张图片摆摆自动生成的）

策划阶段：word、PPT，我还见过用excel做策划案的（还做得相当不错呢）

原型：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott（其实我常常就是在纸上画出来，然后丢给设计童鞋，如果是设计童鞋参与到策划阶段，可以直接出简单的手绘稿）

视觉设计：PS、AI

动画设计：AE，C4D

音效编辑：garageband、final cut、Adobe Premiere

大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作，推荐MAKA。

专业型工具：支持自由创作，推荐ih5和意派

2、需要用到哪些技术（比如哪些程序语言）

Html5,、CSS3、js、three.js、webGL、node.js、SVG、PHP

如果是做H5的游戏，那就涉及到egret和layabox和cocos，我们用egret多些。

哦对了，还有一些开发接口：百度API、微信红包API、还有图片识别和声音识别的接口

3、微信里的一些特殊的动态效果，比如摇一摇、倾斜手机、举起手机是怎样实现的

这些是利用陀螺仪和重力感应做出来的，实现方法已经很成熟了，百度一下吧。

参考 【H5最新玩法汇总】有了这些新玩法，还怕没灵感？

4、H5页面怎样发布到微信上

等你做好一个H5的时候，我相信你就已经会怎么发布到微信上了，所以，just do

it，不要什么都没做，就问题一大堆。即便你只是复制粘贴，你也先把整个流程走完，然后再提问。

5、有什么相关参考资料

人脸识别

百度地图接口 ?title=jspopular

迪士尼动画原理

Egret开发者中心

199case的H5案例库

牛黄清心丸

H5涉及的内容太多了，每个环节都可以展开讲很多，关注我，不一定什么时候就爆出猛料来的。h5页面自己做肯定是不行的，可以借助制作h5的工具，我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、

功能齐全 还有配套做微网页的功能，无论是营销推广还是自己玩玩发朋友圈都不错。望采纳！

---

三穗县19112192827： H5网页怎么制作 - ？
春珍尿毒： h5页面制作很简单. 第一:百度一下,如图 第二:进入网站,注册激活账号并登录,点击应用制作——>“高级模式”——>点“+”创建应用. 第三步: 进入制作页面.九个控件,通过点击添加到制作界面,控件的选择使用按照你的需求进行. 第四步:等你一切制作好后,点击保存,发布,即可生成h5页面. 第五步:发布后,你将看到预览页面,其中web就是你要的h5页面,微信扫描二维码将看到页面的内容,同时也可以分享到你的朋友圈. 第六步:如果你还想修改你的内容,请直接去个人中心的应用管理里面进行修改,重新发布即可完成内容的更新.

三穗县19112192827： 怎样制作一个H5页面 - ？
春珍尿毒： 1、准备一个H5的制作工具,自行在百度搜索一下,这里以IH5为例,先注册一个账号.2、依照要求填写手机号、密码等信息后登录账号.3、在个人主页,点击创建新作品.4、选择电脑版,点击创建作品.5、在编辑窗口的左侧,点击插入图片图标.选择图片、上传.6、显示图片.点击窗口左侧的事件图标.7、在对象树的列表里勾选图片和事件1.8、触发条件选择点中,目标对象选择图片,目标动作选择震动,时间选择3秒.9、点击窗口上方的保存图标.输入作品的标题和介绍.10、完成后即可查看作品.

三穗县19112192827： h5页面制作教程 - ？
春珍尿毒： h5页面制作素材,包括图片、音乐、文案等.楼主可以参考以下教程:1、首先,找一个制作H5页面的平台、注册账号(以凡科微传单为例);2、注册成功后,点击“创建传单”开始;3、根据需要选择“空白样板创建,或者选择一个样板”,点击“创建”;4、编辑页面,如果你对图片、文字、音乐足够敏感,或者有收藏的视频,说不定还能做出大片效果……5、保存之后扫描二维码到微信端,即可一键分享到各个移动社交平台了.

三穗县19112192827： H5页面制作的思路一般有哪些? - ？
春珍尿毒： H5原本是一种制作万维网页面的标准计算机语言,由HTML5简化而来的词汇,HTML5的设计目的是为了在移动设备上支持多媒体.由于微信迅速的崛起,H5语言编写的界面和微信浏览器比较兼容,借由微信移动社交平台,走进大家的视野,也...

三穗县19112192827： H5页面制作有哪几个步骤? - ？
春珍尿毒： 第一步:注册提供H5页面制作的服务网站的注册用户;第二步:根据自己的需要在制作页面进行编辑.因为技术比较新,我只能这么说.具体的你可以去比如易传单啊、深圳市火土传媒啊这些网站上去看看,有较为详细的教程的.

三穗县19112192827： 微信上的h5页面是如何制作? - ？
春珍尿毒： “好”在于内容多样、获取容易、输出简单.而制作H5的过程也很简单的呢,没有钱也可以做一个闪闪发光的H5微页哟! 1、找一个制作H5页面的平台、注册账号(以凡科微传单为例); 2、进入管理微传单界面,挑选一款自己喜欢的样板进入编辑页面; 3、接下来要做的就是对整体页面的各个栏目进行编辑,例如模板中的图片和文字等,预览OK、点击保存,之后扫描二维码到微信端,即可一键分享到各个移动社交平台了.

三穗县19112192827： 微信h5页面如何制作?有没有免费的? - ？
春珍尿毒： 有免费的,制作方法如下: 1. 登录微传单平台,创建传单. 2. 按行业类型选择微传单模板. 3. 点击微传单中的文字和图片进行更换、编辑. 4. 根据自己的需要添加文本、艺术字、图片、形状或控件. 5. 在右上角的“设置”中选择背景音乐,可以用系统的,也可以自己上传,同时编辑分享样式,包括标题和描述. 当然,以上方法自己制作时页面不会太炫彩,如果是企业为了宣传的话,为了更好的宣传效果可以找专门的制作公司.

三穗县19112192827： 有人知道H5页面怎么制作吗?有人知道H5页面怎么制作吗?想要那种 ？
春珍尿毒： 有吸引力的H5可以通过意2113派Epub360进行制作,这是一款专业的在线H5编辑器,基础5261功能均可免费使用,可以制作一镜到底、走马灯、快闪、4102全景VR等创意型H5.该平台1653上不仅有很多优秀的案例和模板回可以参考,还有丰富的教程供用户学习,对初学者答和专业设计师来说都非常有用~

三穗县19112192827： H5页面怎么制作?? - ？
春珍尿毒： h5页面自己做肯定是不行的,可以借助制作h5的工具,我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、 功能齐全 还有配套做微网页的功能,无论是营销推广还是自己玩玩发朋友圈都不错.望采纳!

三穗县19112192827： 有什么简单制作H5页面的方法?有个作业赶着交!做得不好老师可是会挂科的! - ？
春珍尿毒： 其实现在市面上做H5页面的平台很多,建议可以选择悠云轻故事,感觉模板比较多,服务器也算是感觉中比较稳定的,初页、秀米的都可以,秀米貌似服务器在US,所以用起来比较卡.