完整的H5页面的制作流程为:策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线
这是一种比较理想的作业流程,一般到了一定规模的制作公司会采用这种方式。如果公司的细分程度做不到这么细的话,那就身兼数职,但是流程是不变的。
你的提的问题,是初学者普遍困惑的问题,我按照你的提问顺序逐一回答一下:
1、H5页面正规流程下需要用什么软件制作(不要网上那种几张摆摆自动生成的)
策划阶段:word、PPT,我还见过用excel做策划案的(还做得相当不错呢)
原型:墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott(其实我常常就是在纸上画出来,然后丢给设计童鞋,如果是设计童鞋参与到策划阶段,可以直接出简单的手绘稿)
视觉设计:PS、AI
动画设计:AE,C4D
音效编辑:garageband、finalcut、AdobePremiere
大众型工具:MAKA、兔展、易企秀,还有很多,也很优秀。利用模板,支持一定范围的自由创作,推荐MAKA。
专业型工具:支持自由创作,推荐ih5和意派
2、需要用到哪些技术(比如哪些程序语言)
Html5,、CSS3、js、threejs、webGL、nodejs、SVG、PHP
如果是做H5的游戏,那就涉及到egret和layabox和cocos,我们用egret多些。
哦对了,还有一些开发接口:百度API、微信红包API、还有识别和声音识别的接口
3、微信里的一些特殊的动态效果,比如摇一摇、倾斜手机、举起手机是怎样实现的
这些是利用陀螺仪和重力感应做出来的,实现方法已经很成熟了,百度一下吧。
参考H5最新玩法汇总有了这些新玩法,还怕没灵感?
4、H5页面怎样发布到微信上
等你做好一个H5的时候,我相信你就已经会怎么发布到微信上了,所以,justdo
it,不要什么都没做,就问题一大堆。即便你只是复制粘贴,你也先把整个流程走完,然后再提问。
5、有什么相关参考资料
人脸识别
百度地图接口title=jspopular
迪士尼动画原理
Egret开发者中心
199case的H5案例库
牛黄清心丸
H5涉及的内容太多了,每个环节都可以展开讲很多,关注我,不一定什么时候就爆出猛料来的。h5页面自己做肯定是不行的,可以借助制作h5的工具,我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、
功能齐全还有配套做微网页的功能,无论是营销推广还是自己玩玩发朋友圈都不错。望采纳!
H5如此势头,不得不让营销汪对H5页面的未来充满了期待,越来越多的人开始在营销中运用H5页面。其实在移动端各个领域,H5页面的叫法很多,也会称为翻翻看、手机微杂志、广告页、场景应用、海报画报(动态海报、指尖海报、掌中海报、动画海报、微画报、微海报)等等,经常能见到的就是滑动翻页。
然而大企业大公司的土豪都在利用自己强大资源和技术比拼H5场景页面,一些小企业或普通独立营销者就只能眼巴巴看着吗?
h5单纯设计定制的话,首页大概是800到1500每页,内页设计600到1000每页。如果是原画设计的话另算,一般需要2000每页了。具体建议你可以找天客通平台给你报价。
步骤
1、新建一网页文件“samplehtml",用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码,代码内容如图所示,并将该段代码复制到网页文件”samplehtml“中标签”<head>"和“</head>之间,然后查看网页文件的显示内容。
其实写HTML5网页并不难,掌握了基本的标签和样式,就已经能够去书写了最难的,在于能否按照行业的开发标准,进行网页的开发,书写出来的代码符合行业规范才是有价值的代码
在书写H5网页时,先实现HTML与CSS,也就是结构与样式的创建,之后再慢慢去实现JS
此处,建议你借助书籍进行学习,有很不错的书籍针对实际开发技术、相关知识以及行业规范进行了比较详细的讲解,推荐《HTML5布局之路》
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)