H5创作 | 流程及相关操作指南

使用模版来制作自己的H5,可以更加快速创建作品。小MA哥将在本指南中展示使用MAKA平台快速编辑制作H5的步骤。

image.png

电脑登录MAKA官方平台(建议使用Chrome浏览器):www.maka.im, 点击右上角的【注册/登录】按钮,手机扫描二维码在注册登录

用户注册与登陆.gif

小MA哥温馨提示

39.gif39.gif39.gif

① 使用邮箱/手机号码注册的用户如何登录?

点击右上角的【注册/登录】按钮,点击【使用其他方式登录】,确保登录原账号。

② 如果旧用户登录的时候忘记密码怎么办?

可以点击【使用其他方式登录】,选择【忘记密码】重新设置登录密码。

0

image.png

1. 模板检索

① 在左侧的导航栏中您可以根据场景、行业、职业、节日、风格等类型进行检索

② 在banner图下方的品类中您可以按需挑选模版素材,MAKA模版品类包括:H5、海报、视频、电商素材、微信素材、单页

③ 在MAKA官网顶部的搜索栏中您可以输入关键词进行检索

模板检索.gif

2. 模版使用

① 将鼠标移至模版封面

② 点击【马上使用】即可预览模版,微信扫描二维码可在手机端预览模版

③ 点击【立即使用】即可使用模版

用户模板使用.gif

小MA哥温馨提示

39.gif39.gif39.gif

① 模版具有完整的行业结构逻辑,只需进行小小的改动即可立刻传播

② MAKA模版包括免费模版、付费模版、会员免费模版;

③ 如果您是会员身份用户,商城内有标注“会员免费”标识的模版即可免费使用。

具体详见:MAKA|做出好设计-会员介绍

0

image.png

1. 编辑模版文本

① 使用模板,点击文本框

② 右侧需显示为【文本设置】

③ 双击文本框编辑内

原有文本进行编辑1.gif

2. 新建并编辑文本

① 左侧导航栏点击【文本】

② 选取文本样式加入画布

③ 双击文本框编辑内容

新插入文本编辑1.gif

3. 文本设置

① 选中文本框,右侧栏显示【文本设置】

② 可改字体大小、颜色、粗细、斜体、行距、下划线、透明度、阴影、旋转、对齐及位置

③ 野蛮手段——可直接拖拽、伸缩文本框,调整风格

文本设置1.gif

4. 图片更换

① 选中文本框,右侧栏显示图片设置

② 可改图片透明度、圆角、阴影、旋转、对齐、位置及尺寸

③ 点击【更换图片】任君换所爱图文

文字图片更换1.gif

0

image.png

1. 上传图片

① 左侧导航栏点击【上传】

② 点击【+】号,可新建文件夹

③ 打开任意文件夹后点击【上传图片】,将图片上传至MAKA编辑器中

上传图片.gif

2. 添加图片

① 左侧导航栏点击【上传】

② 左键单击图片即可加入画布

添加图片.gif

3. 图片设置

① 选中图片,右侧栏显示【图片设置】

② 可设置图片对齐、图层、透明、圆角、阴影、旋转、位置以及尺寸

③ 点击【更换图片】可从本地上传图片替换

图片设置.gif

0

image.png

① 左侧导航栏点击【素材】

② 在“素材库”按需选择分类,包括:形状、图标、线条、相框、图标、条幅、节日、婚礼、餐饮、会议、相册、生日、招聘、促销、招生培训

③ 按需打开分类选择素材并插入画布

作品深耕素材使用及插入画布.gif

0

image.png

① 左侧导航栏点击【版式】

② 在“版式库”按需选择分类,包括:封面、介绍、多图、单图、地图、文本、特效

③ 按需打开分类选择版式并插入画布

作品深耕版式添加.gif

0

image.png

1. 交换位置

① 点击画布左侧操作栏的【︿】,当前页与上一页交换位置

② 点击画布左侧操作栏的【﹀】,当前页与下一页交换位置

作品深耕·页面交换位置.gif

2. 复制&删除页面

① 点击画布左侧操作栏的【复制】,复制该页面

② 点击画布左侧操作栏的【删除】,删除该页面

作品深耕·复制删除页面.gif

3. 添加新页面

① 将画布滑至最后一个页面

② 点击【+新页面】即可添加新页面

4ca4164378bcdff80938454980fdde19.GIF

误删了页面肿么办?撤销的操作是否可以恢复?

小MA哥告诉你

39.gif 39.gif 39.gif

① 如若您误删了页面,点击画布右侧操作栏的【撤销】或使用快捷键“Ctrl+Z”撤销上一步操作即可恢复页面

② 点击画布右侧操作栏的【重做】或使用快捷键“Ctrl+Shift+Z”则可以恢复之前撤销的操作,继续编辑作品

③ 点击画布右侧操作栏的【预览】则可以预览当前页的展示效果

作品深耕误删页面怎么办.gif

0

image.png

1. 上传&使用背景

① 左侧导航栏点击【背景】-“我的”

② 点击下方的【上传图片】从本地上传到MAKA编辑器中

③ 点击背景图片插入到画布

④ 在【背景】-“推荐”、“纹理”有大量的背景素材,您可以按需选择图片插入到画布

⑤ 在【背景】最上方有色卡,您可以按需选取颜色使用纯色背景

作品深耕上传背景和使用背景.gif

2. 替换背景

① 左侧导航栏点击【背景】

② 在“我的”、“推荐”、“纹理”中选取其他背景图片即可替换当前背景图片

作品深耕替换背景.gif

3. 背景裁剪&移除

① 选中画布背景图片,右侧栏显示【背景设置】

② 点击【裁剪】可以按需裁剪背景图片

③ 裁剪位置定好后点击【确认】完成裁剪背景

④ 点击【移除】即完成移除背景

⑤ 在【背景设置】还可设置背景图片的透明度

⑥ 点击【将背景样式应用到所有页面】即可

作品深耕之背景设置四步骤 (1).gif

可能您会问,H5页面背景的尺寸是多少?上传的图片有没有大小限制?

小MA哥为您解答

39.gif39.gif39.gif 

① H5页面背景图片的尺寸为640*1008

② 图片大小限制2M以内,不过为了保证预览的流畅度,建议单张图片大小尽量控制在200K以内

0

image.png

① 左侧导航栏点击【互动】-“表单”

② 您可新建空白表单或按需选择表单组件的样式插入画布

③ 点击【查看更多表单模版】按需挑选表单模版

④ 选中画布的表单组件,右侧栏显示【字段设置】

⑤ 可新增通用字段、字段样式或规则

⑥ 右侧栏选择【表单设置】可进行表单设置,包括:对齐、图层、颜色、按钮文字、按钮反馈、提交设置、跑马灯、位置

1作品深耕·表单.gif

小MA哥温馨提示

39.gif39.gif39.gif

其他互动功能可参考【添加互动功能】查看详细的相关操作及注意事项,互动功能包括表单组件、拼图组件、拨号组件、图组组件、投票组件、抽奖组件、接力组件、跳转链接、地图组件、视频组件、点赞组件、倒计时组件

0

image.png

① 点击右上方【作品设置】-【背景音乐】

② 在“我的”中点击【上传音乐】从本地上传所需音乐至MAKA编辑器

③ 在音乐库中按需选择分类,包括:复古、节日、大气、治愈、浪漫、轻松、商务、动感、欢快

④ 按需打开分类选择背景乐音

作品深耕-背景音乐.gif

小MA哥温馨提示

39.gif39.gif39.gif

① 在设置背景音乐时,选中音乐即开始试听播放或清除

② 音乐文件大小需要控制在2M以内,文件格式为MP3格式

0

image.png

1. 保存&预览/分享

① 点击右上方【保存】随时保存作品

② 点击右上方【预览/分享】可预览作品,微信扫码可在移动端预览作品效果

保存与预览.gif

2. 设置作品信息

① 点击【更新封面】可裁剪封面图片或从本地上传图片替换当前封面图

② 输入作品名称

③ 编辑作品描述

修改封面及编辑作品名称和描述.gif

0

image.png

1. 作品数据

方法一:

① 登录MAKA官网,进入【作品管理】页面

② 找到要查看数据的作品并将鼠标移动到“...”

③ 点击【数据统计】即可查看作品数据

查看数据方法1.gif

方法二:

① 登录MAKA官网,进入【作品管理】页面

② 点击左侧【统计数据】

③ 在“作品列表”中找到要查看数据的作品,点击【查看数据】

查看数据方法2.gif

2. 表单收集

① 在【作品数据】页面点击【表单】

② 点击右上方【导出Excel】将表单信息导出到本地

作品深耕-表单收集.gif

如若找不到作品及其数据肿么办?莫慌~莫慌~

小MA哥帮您解决!

39.gif39.gif39.gif

① 鼠标移至用户名并点击下拉菜单【账户信息】进入您的个人主页,查看登录的账号是否正确

② 如果您是通过手机号/邮箱、QQ、微博等方式注册,而又使用扫描微信二维码登录,请退出当前账号

③ 打开MAKA官网点击【登录/注册】,选择正确的登录方式登录即可