如何设计h5页面

完整的H5页面的制作流程为:策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线
这是一种比较理想的作业流程,一般到了一定规模的制作公司会采用这种方式 。如果公司的细分程度做不到这么细的话,那就身兼数职,但是流程是不变的 。
你的提的问题,是初学者普遍困惑的问题 , 我按照你的提问顺序逐一回答一下:
1、H5页面正规流程下需要用什么软件制作(不要网上那种几张摆摆自动生成的)
策划阶段:word、PPT,我还见过用excel做策划案的(还做得相当不错呢)
原型:墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott(其实我常常就是在纸上画出来,然后丢给设计童鞋,如果是设计童鞋参与到策划阶段,可以直接出简单的手绘稿)
视觉设计:PS、AI
动画设计:AE,C4D
音效编辑:garageband、finalcut、AdobePremiere
大众型工具: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的时候,我相信你就已经会怎么发布到微信上了,所以,justdo
it,不要什么都没做 , 就问题一大堆 。即便你只是复制粘贴,你也先把整个流程走完,然后再提问 。
5、有什么相关参考资料
人脸识别
百度地图接口?title=jspopular
迪士尼动画原理
Egret开发者中心
199case的H5案例库
牛黄清心丸
H5涉及的内容太多了,每个环节都可以展开讲很多 , 关注我,不一定什么时候就爆出猛料来的 。h5页面自己做肯定是不行的,可以借助制作h5的工具,我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、
功能齐全还有配套做微网页的功能,无论是营销推广还是自己玩玩发朋友圈都不错 。望采纳!
h5文案应该以什么形式来确定?您好 , 首先国内金融行业主要一直在推广宣传的是自己的品牌
但是很多的品牌内涵在宣讲的却是情感营销,像:大客户:让我们为您的财富保驾护航
给丈夫一个坚实的后盾,给妻子一个体贴的承诺
给父母一个安逸的晚言 , 给子女一个看得见未来等
这些相信你也看过了
泰国有一个小朋友的广告文案
天文望远镜和一只狗报恩的文案,这两个都是在宣讲安全性
互联网金融产品您那边根据不同客户人群的痛点,做出场景化的解决方案
哪怕是一个故事情节
h5的文案
或者一个视频等展现
这些可以尝试着做下
南京未墨广告10周年,承接各类h5定制开发,已服务于拜耳、露得清、中信银行等客户 。
我们是专业服务于广告公司的技术服务商,花50%的钱 , 省50%的时间!
电商营销类:砍价、拼团、助力、秒杀、抽奖、签到抽奖等
活动功能类:投票、答题、趣味测试、VR全景、问卷调查、人脸融合等
红包营销类:微信红包、口令红包、裂变红包、语音红包等
游戏营销类:动作类、消除类、跳跃类、集卡类、手速反应类等
【如何设计h5页面】
趣味营销类:快闪、一镜到底、雷达扫描、摇一摇等