文章

微信H5页面制作流程?

字号+ 作者:小左 来源:网络 2018-05-02 我要评论

1、H5页面正规流程下需要用什么软件制作(不要网上那种几张图片摆摆自动生成的) 策划阶段 :word、PPT,我还见过用excel做策划案的(还做得相当不错呢) 原型 :墨刀、Om


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、有什么相关参考资料

人脸识别 http://open.youtu.qq.com/

百度地图接口 http://lbsyun.baidu.com/index.php?title=jspopular

迪士尼动画原理 https://book.douban.com/subject/1484767/

Egret开发者中心 http://developer.egret.com/cn/

199case的H5案例库 http://www.199case.com/

 

H5涉及的内容太多了,每个环节都可以展开讲很多,关注我,不一定什么时候就爆出猛料来的。

您看完点赞,是我继续的动力


相关文章
  • 喜马拉雅:你好娃,我的英雄老爸

    喜马拉雅:你好娃,我的英雄老爸

  • 腾讯新闻、腾讯体育:章鱼保罗的救赎

    腾讯新闻、腾讯体育:章鱼保罗的救赎

  • 网易考拉:现在就告诉你,职场上你是哪位超级英雄

    网易考拉:现在就告诉你,职场上你是哪位超级英雄

  • 搜狗搜索:如果有AI,他们会怎样操作

    搜狗搜索:如果有AI,他们会怎样操作