篇一：h5页面制作工具有哪些
h5页面制作工具有哪些 2016年06月15日 先行迦美
H5是今年互联网发展的一个热词?小到简单的网页游戏大到H5站点都离不开它。那么H5到底是什么?为什么会有这么大的魅力呢?下面小编来梳理理一下H5的前世今生，为你揭开H5的神秘面纱。H5是一种超文本标记语言，是HTML第5代，故名H5.之所以会引起广泛的效应，不在于它是一种标记语言，而是它强大的功能、绚丽的动态效果，赋予用户良好的检验效果。下面给大家一些在些制作H5小工具，让大家不用了解HTML代码也能制作出漂亮的网页：
易企秀
易企秀是H5制作的免费平台，有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端，在手机上也可创建场景应用，以及数据统计功能。搜狐快海报
快海报是搜狐快站推出免费的H5制作工具，操作也极为简便易学，完全没有技术要求。真接使用拖拽式操作,搭配简单配置，三分钟便能完成一个漂亮的页面。还有海量模板即将上线，替换内容即可生成。快海报还支持同一组件的多重动画设置，让画面更丰富更炫酷。和其他一样，搜狐快站海报也是适用于包括活动推广、企业宣传、产品展示、会议组织、预约报名、节日祝福等不同的场景。初页
初页操作简单容易上手，大家可以直接在自己手机上编辑，制作极为便利，图文混排的模板也很丰富。可免费下载安卓版和苹果版初页App,或通过电脑在线创建、编辑,轻松创作优雅、炫酷,利于微信传播的H5海报。
MaKa
MAKA这个平台静态和动态模板都有，样式丰富，有多种动态效果以及交互效果可供选择，除收费版外提供免费版，不过免费版不提供自定义动效、支付、导航、预约等服务。制作H5非常简单，浏览体验也很不错
点点客海报
点点客是微信第三方开发服务商，大家都知道，不仅推出了微信营销服务，也有排版和免费的点点客海报，无需注册，扫码登录即可编辑动态海报，多种效果、翻页动画、背景音乐、可统计浏览量，也提供定制。
口袋通微杂志
口袋通是一个免费的微商平台，其场景海报也是为了其电商功能服务，不过免费得版提供的交互较为简单，没有多样的模板。
秀米秀制作
秀米在公众平台的图文排版上可是名声远扬。和秀米的图文神器一样，秀制作目前也是免费的，提供多种模板，傻瓜式操作，可以外链，可与秀米图文排版双剑合璧。
易传单
编辑器界面比较友好，设计灵活方便，数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。
epub360意派
这不是奇虎360的，意派的交互功能极为强大，可以说更适合专业的设计师打造的交互设计，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。不过如果只是制作简单的单页，上手也并不是很复杂。只是免费版作品数量限制为10个，导出有logo。
Liveapp场景应用/云来
云来Liveapp是面向企业方的移动场景APP云服务平台，许多企业都在使用，需购买场景应用。不过，现在云来场景应用正式免费开放，所有“认证企业”都可以申请获取。免费体验长达31天，体验结束后，也会永久保存并持续展示你的场景应用。
Vxplo
Vxplo也是专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。使用上相对较为复杂，不过其甚至也可以用来制作响应式网站，有时间可以试试。
Ceilfire
Ceilfire是一个创建H5游戏并分享的平台，点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。
工具地址大家可以直接搜索，接下来就是轮到你动手的时候了，相信聪明的你使用这些平台你几分钟就能免费创作自己的H5页面。现在找一个自己喜欢的平台，开始吧!
篇二：国内H5页面制作工具评测-iH5排第一
国内H5页面制作工具评测，iH5排第一
当前，H5页面制作工具的各种排行榜与评测文章花样百出、各执一词，却都没有明确依据。国内的大多评测与利益集团密切相关，说白了是抬高自有品牌、贬低竞品的工具，因此本文尽量通过可量化的指标，保证评测结果的可信度。
首先须明确，国内的H5页面制作工具，一般指用于HTML5页面可视化开发的在线编辑器，基本目的为生成可用于传播的HTML5网页。因此，无论不同工具在功能上有多少差异，基本面向作品的一键发布与即时投用，制作流程如下：
这与国外存在很大差别。美国也有H5页面制作工具，但多为离线软件形式、成品是打包的文件夹，功能应用上专用性也较强。比如Adobe Edge和Tumult Hype偏向网页动画、Google Web Designer偏向广告设计、Construct 2偏向游戏制作，制作流程如下：
评测以工具功能与性能为主，包括多媒体功能、高级应用、微信应用和用户友好度四个指标（各5分，总计65个参数），总分20分。有意思的是，诸如初页、MAKA这些在H5界“盛名”的H5页面制作工具，并没有排上名次，评测得出排行榜单如下：
第1名 iH5.cn 18星半
多媒体支持 ★★★★☆
微信应用 ★★★★☆
高级应用 ★★★★☆
用户友好度 ★★★★★
iH5综合性能最强，各项指标的得分均比较高，品牌展示、动画、游戏、建站均适用，主要面向企业用户。因为免费，也不少像我这样的小散户用iH5玩玩票。多媒体文件支持方面，iH5是唯一同时支持图片（JPG、GIF、ZIP、PSD等）、音视频、网页等的上传，并允许用户在生成页面中重设文件属性的编辑器，拓展性高。
总的来说，iH5目前有超过10项高级功能的可视化是业内独有的，包括：（1）绘画（2）横幅（Banner）（3）画布（4）物理引擎（5）运动模拟与监测（6）智能语音识别（7）轴动画（8）响应设备（9）跨屏互动（10）数据库（11）变量绑定（12）数据运算等的可视化，也支持红包、支付、录音、拍照上传、获取用户个人信息等微信功能。
iH5界面看起来有点“原生态”，但实用性和友好度很高，模板、工具说明手册、教程齐全，也提供历史记录、另存为作品等多种操作回退方案。美中不足的是，iH5并不具备制图和图表功能。
第2名 Epub360 10星
多媒体支持 ★★
微信应用 ★★☆
高级应用 ★★☆
用户友好度 ★★★
和搜索引擎等互联网产品的现象一致，第二名和第一名的差距比较明显。Epub 360相当于升级版的易企秀，微信应用和高级应用的支持较好，独有功能是有一个编辑SVG代码的简易入口。
总的来说Epub 360虽然原意是面向HTML5页面的专业制作，但在复杂应用支持的设计上并不彻底。虽然能对文本、图片、音视频做简单的显示、播放与否的控制，但Epub 360不支持重设文件尺寸大小、播放进度等较复杂的控制，也不具备动画、游戏制作所需的带轨时间轴、物理引擎等功能。
界面布局比较合理，遗憾的是Epub 360
并不提供一对一的配置，比如不具备使
用条件的事件也可能出现在对象属性里，对于用户体验是一大硬伤。
第3名 易企秀 8星半
多媒体支持 ★★
微信应用 ★☆
高级应用 ★
用户友好度 ★★★★
易企秀很容易定义，就是移动版的PPT制作工具，面向手机上的基本演示。易企秀各方面的功能，包括文本、按钮、图表、页面动效等参数都与微软的Powerpoint如出一辙。当然，易企秀图表的个性化设计还比不上微软。
易企秀还是有一定H5页面制作特色的，比如基于套件的表单采集，以及微信应用上有录音和拍照上传功能。但易企秀的功能有些还不够稳定，
比如虽然声明可
篇三：HTML5微信页面设计
我保证你一分钟就能看完这篇文章! 真的..
角色解释：
需求方：有钱大爷
设计人员：美工殿下
前端工程师：前端文艺青年
一个HTML5页面从提出到完成上线的流程：
1、需求方、设计人员、H5实现人员三方共同讨论实现方案
2、设计人员出设计图
3、H5人员按设计图出H5页面
4、需求方评估已实现的H5页面后给予反馈
5、设计人员与H5人员根据反馈进行适当调整
6、发布推广
如何提出一个合理的微信HTML5页面设计诉求？
合理分析诉求与公司团队拥有的资源：
1、需求完成时间；
时间给的越多，项目做的就越扎实，优化的也更好，就像造一座桥，三个星期完工，保质10年，1年完工，保质100年
2、现有技术能力；
根据人员的能力选用合适的技术，以及设计对应能实现的视觉特效
3、工作人员配备；
有些狂拽酷炫屌炸天的特效需要专业的游戏或影视人员参与制作
4、领导B格
不解释
5、公司B格
不解释
好吧以上都是枯燥的叙述，后面会有可爱的喵星人出现，所以往下看吧。
三方需要达成的共识与常识
一、手机屏宽度高度不一
由于手机屏大小不一，所以H5页面所承载的设计图相应的宽高也会不一样，是否需要设计多套不同的设计图以适应不同的手机屏？
最好的效果肯定是设计多套不同的效果针对不同的屏幕尺寸，但这样需要大量的人力与时间，而且维护成本太高，不符合大部分团队的实际情况。
典型的手机屏尺寸如：
导航栏+iphone状态栏高度： 64px
iphone4
屏幕总宽度: 320px
屏幕总高度: 480px
微信网页可视高度: 416px
iphone5
屏幕总宽度: 320px
屏幕总高度: 568px
微信网页可视高度: 504px
iphone6
屏幕总宽度: 375px
屏幕总高度: 667px
微信内网页可视高度: 603px
iphone6 plus
屏幕总宽度: 414px
屏幕总高度: 736px
微信网页可视高度: 672px
samsung galaxy note3 （三丧手机开发者的黑洞。。）
导航栏+Android状态栏高度： 73px
屏幕总宽度: 360px
屏幕总高度: 640px
微信网页可视高度: 567px
仅iphone就4个尺寸了，更别说Android阵营的手机了
特别注意：以上不是手机的分辨率单位，而是普通电脑上浏览网页时的像素，这和客户端Native制作有很大的区别。
比如iphone4,宽度就是320px像素，高度为480px，如果以实际分辨率来设计即640*960来排列设计，实际在H5页面显示时会显得很小。
一般我们都是以用自适应的解决方案，以一套或两套效果图适应大部分的屏目，放弃极端屏或对其优雅降级，牺牲一些效果
正因为只有一套或两套效果图，团队、公司拥有的手机型号又是有限的，那么其它型号的手机显示效果就需要大家脑补了，
需要需求方脑补一下在特别小的屏或特别大的屏上你当前效果图的显示效果。
二、两种效果图排列，以及对应的解决方案
1、效果图水平居中排列设计（较容易实现自适应）
由于是水平居中，则两边可以用纯色平铺，不管屏有多宽，都可以以纯色填充，这就是最最容易的自适应了。
《h5页面制作平台》
由：免费论文网互联网用户整理提供,链接地址：
http://m.csmayi.cn/show/166683.html
转载请保留,谢谢!
- 上一篇：儿童节手抄报花边
- 下一篇：小学母亲节活动方案