带你秀的飞起——三款移动端H5制作应用体验报告 iOS Android

带你秀的飞起——三款移动端H5制作应用体验报告 iOS Android

从文字到图片，再到现在流行的 H5，想想朋友圈里那些令人惊艳的 H5 页面，是不是很想自己也来尝试一下制作属于自己的 H5，赋予文字与图片流动的活力，用创意将文字与图片的美激发。目前大多数H5制作平台都是在PC端的，比如：易企秀、兔展、腾讯玉兔等。而今天介绍的这三款移动端 H5 制作应用，可以带你随时随地秀起来！测试机是本人的红米1S，Android 4.3。

初页－产品本身比名字会更吸引你

简介：初页是很早就推出的的移动端 H5 制作与分享应用，功能很强大，但是学习成本非常低，你可以选择自由创作或者快速发布，后者必须是懒人福音，每套模版都是满满的文艺范，你需要做的就是选择你需要的图片，当然你可以选择更深度的编辑，更换整体板式，修改图片，添加滤镜、效果。

下载地址：初页

使用体验

下载打开后，未登录游客无法使用，如下图：

进入登录页面，可以选择微信、微博和初页帐号三种登录方式。

但是微信和微博登录总是不成功，而我进入初页帐号登录页后居然没有注册按钮：

反复卸载重装3次后，我终于使用微信成功登录了。

终于可以开始制作H5页面了。

创建项目

总结：

你只需要漂亮的照片和优雅的文字就可以创造出惊艳的 H5，剩下的就是分享到朋友圈疯狂的吸赞吧。另外做个富有纪念意义的 H5 送你的对象、基友或者亲人也会使非常棒的选择。

爱分享－分享你的时光

概述

爱分享在 H5 制作上偏向于个人生活类的H5页面，适合用来制作情侣、同学、朋友之间的互动页面。

下载地址：爱分享

使用体验

创建项目

缺点：居然在结束页有整整一页的广告。

Maka－据说是全宇宙最强

概述

Maka 的 Web 端已经运营了相当长时间，但是移动端前段时间才上线，相比较前两款 H5 应用，Maka 更偏向于企业服务，用于新媒体营销，如果你只是个人用户，想制作分享关于时光、旅行、爱情的 H5，爱分享与初页是不二选择，但是如果是企业用户，或者大学社团纳新以及活动，制作宣传、营销用的 H5，那 maka 会非常适合你的使用，毕竟是号称全宇宙最强，到底还是有两把刷子。

下载地址：Maka

使用体验

下面是我用maka移动端做了两个H5页面：

imweb team：

广州前端圈imweb专场分享会报名：

现在说一下使用体验：

创建项目

maka上有丰富的创作模版供用户选择，包括：创业者工具包、人才招聘、节日祝贺、企业宣传、产品推广、会议活动、个人、旅游分享等。以上这些模版通过替换文案和图片，应该能满足大部分H5页面的需求。特别是创业者工具包这个类目里的模版，如校园招聘、电商促销、互联网招聘、会议活动等都很精致。

编辑项目

可以编辑模板中的图片和文字：
- 编辑图片：
在maka中你可以使用手机照片和app自带的图片替换模板中的图片，如下图：

其中有一个我的云图库选项，描述是登录maka PC web端可以通过这个功能将PC的图片同步到手机，但是在我登录maka web端后，并没有发现这个我的云图库的入口，差评。
你还可以对所选择的图片进行裁剪。

• 编辑文字：
  你可以自由编辑模板文本框中的文字，并且可以调整他们的文字对齐（左对齐、居中、右对齐），选择文字颜色以及字体大小，如下图：
  

• 编辑背景：
  你还可以编辑模板的背景，maka提供默认的背景图片供你选择，你也可以去图集中选择你所喜欢的背景图片（包括手机图片和app提供的图片）

• 添加音乐
  不过只能给页面添加app默认提供的音乐，不能上传自己手机上的音乐，如下图：
  

• 添加页面和表单
  如果默认模板的页面还不能满足你的需求，你还可以添加页面和表单，可以选择添加页面和添加表单两项。
  添加页面：
  
  有封面、单图文、多图文、滑块这些分类，其实我觉得差别不大。不过可以单独说说滑块，就是页面中嵌有轮播效果的相册。当然你也可以删除页面或拖动页面排序。
  添加表单：
  这个功能还是比较实用，有各种表单的模板：
  
  可以在后台看到用户提交的信息，不过这里的表单只会检测用户是否填写，不会对电话号码和邮箱做有效性的检测，而且不支持添加超链接的功能（后面会说如何给一个页面添加超链接）。
  添加超链接：
  在手机端，你只能在通用模版中选择一个本身就带超链接的页面进行编辑：
  

  不过maka PC端是支持添加超链接的。

  • 不支持跨端编辑（蛋疼）

能力对比

app	适用场景	模版	图片	文字	背景	音乐	页面	表单	按钮链接	跨端编辑	特色
爱分享	个人生活类									通过运营话题和活动，增强用户活跃度
初页
maka	商业活动	较多	原生+手机自带，支持裁剪	对齐、字体颜色和大小	原生+手机自带，支持裁剪	只支持原生音乐	封面、单图文、多图文、滑块	不对数据做有效性检测，后台查看数据	手机端不友好，PC端支持较好	不支持

能力：
- 适合新媒体运营的模版，包括：
- 使用招聘、会议邀请等模版，可以在直接在后台看到数据
缺点：
- 无法添加超链接
- 移动端显示可以登录maka PC站点通过“我的云图库”将PC图片传到手机，但PC上并没有找到上传图片的入口。
- PC与移动端制作的H5项目没有互相打通，不能多屏编辑。
- 模版无法调整文本框位置
- PC端不能剪裁图片
- PC不能从当前页面播放
- PC没有缩略图
- 文本框、输入框之间对齐

以上工具的免费都没有办法在H5中去除工具的logo，不过我最不喜欢像爱分享和易企秀那种最后一整页都是广告的，简直无情！