MAKA免费h5编辑器
电脑
平台编辑器操作简单:几分钟就可以生成一个h5作品。
可通过pc和手机APP版本编辑:支持电脑和手机编辑,适应不同的制作场景,方便又快捷。
海量精美模版:MAKA平台有很多专业的设计师提供各种原创精致的主题模板,海量优质素材每天实时更新,给用户自由选择。
适合专业设计师以及动手能力较强的用户。用此功能可以创造出独特画风的哦。我们只需要在导航栏上点击【我的作品】,然后点击新建作品,就可以新建一个空白的项目啦。
如果你觉得从空白开始做一个页面会太难的话,我们可以套用MAKA模板商城里面的模板来进行编辑修改。这种套模板的方式,比较适合适合新手、或者是不太懂设计的同学。好处是,可以方便快捷地生成一个作品。 没有模版的同学可以在模板商城选择模版。 已经有模版的同学,点击「已购模版」就可以找到之前买过的模版啦~
【MAKA平台挑选模版的技巧】模版商城主要可以按照场景以及行业来进行标签分类的,大家可以根据自己的需要来进行筛选~另外还可以针对受欢迎程度还有最新发布两个方式来进行排序哦。
【新建页面】接下来,我们讲一下进入编辑器之后,怎么新建一个页面。只要点击编辑器左下角 “+” 就可以可新建页面啦。
另外,MAKA也是提供各种海量精美的页面模板,图文模板、互动表单等的页面模版供你选择,童鞋们可以随意挑选满意的来进行创作。
除了普通版式之外,MAKA还有统计版式和特效版式可以选择,统计版式中有各种类型的图表,无论是柱状图还是曲线图都能找到对应的模版。
选择好你喜欢的图表模版之后,在编辑器的右边可以选择预设主题,有不同的颜色提供给你选择的哦。
找个模版方便的是,同学们只要直接输入数据,自动生成图表。
在各位销售同学或者是运营同学需要用到H5的时候,我们就可以用到这种数据统计的模板,方便又快捷。推荐汽车销售,广告投放,业务营收等的行业场景使用哦!
【更换背景】背景是一个H5里面最重要的元素,决定了一个作品的基调。所以背景选好了,就等于H5做好了一半。只要点击编辑区的背景,点击右侧 “更换背景” 按钮,把背景更换你所上传的图片啦~建议上传尺寸大小为640*1008像素的图片。
【背景形状色彩】可根据用户喜好裁剪背景,调节背景图片的颜色跟透明度。
【翻页效果】另外,我们还可修改页面的翻页效果,可选择折叠、魔方、缩放等各种不同的效果呢。
【新建文本】点击编辑区右侧的 “新建文本” 按钮,就可以可在页面中添加一个文本。
【文本属性】双击文本框可以输入文本。在右侧可以修改文本的和字体样式,也可修改文本的位置、动作等属性。
【文本排序】在文本框内右击,弹出菜单中可以给文本的位置排序。
【字体选择】编辑器也有各种不同的字体供选择大家选择~
【新增图片】点击编辑区右侧 “图片” 按钮 ,可以选择MAKA提供的素材库中的图片,还可以上传本地图片。
点击图片,可在右侧修改图片的属性和动作。很多人觉得最炫的地就是H5的动画效果很好。根据不同的场景,我们可以选择不同的动作效果。例如设计的风格是扁平化的卡通风格的,我们可以选择较为显眼的动作效果,例如弹性放大,下落放大,旋转出现等的效果。如果设计的风格是较为正式商业的风格,我们可以选择淡入,或者是放大的动作效果。选择好效果之后,可以根据需要,调整速度和出现时间。
【Gif特效图片插入】除了插入静态图片之外,我们还可以插入动态图片,营造特殊的高端的视觉效果。我们先来看看这个案例。这个案例的第一页,我们的眼睛可以感受到最大的亮点就是下方那个旋转着的,闪闪发光的球。其实这是我们设计在素材网上找的一个gif动态图素材。其实除了加入静态图片 之外,我们还可以根据需要选择插入gif动态图,让整个画面更加动感,更加吸睛。
用图片+简单形状+动态效果作出一种类似微信对话框的画面感觉。
下面这个案例中,用到的是“超人”这个素材。做出了一种飞翔的效果。其实有很多外有都问,你们只有“飞入”的效果,那么飞出的效果要怎么做呀?那现在就给大家介绍一下,如何用maka做出一种飞出的效果呈现。我们来看看这个案例的编辑器结构。其实,只要把超人这个素材拖到编辑框外,然后设置为【向右飞入】的动作效果,那么这个超人就可以从我们看到的画面中一掠而过了。飞翔的效果就是如此简单。
图片做成感谢信的形式,用到感谢信的时候,我们也可以采用想案例的这种图片形式,做成像信封一样,会比纯文字形式更加形象呢。
【小标题预告形式】首先,这个案例的主题是很新颖出彩的。用菜单的主题一步步来引出个人简历。其次,在制作方法上我们可以看到,他的每一页都有一个小标题展示,然而小标题展现了几秒钟之后,就消失了,那这个小标题是什么做到的呢?我们来看看他的图层结构。其实做起来很简单,只需要把小标题至于最底层,然后用一张图片把速度设置慢一点,像这里就设置为3.5s,利用淡入的动态效果,就可以做到这种类似视频介绍一般的高级视觉呈现了。
【类似电影的倒数形式】相信大家看到之后,都感觉眼前一亮吧?我们看到这个的这个案例很特别,前面有3-2-1的倒数,然后再出现正式的邀请函内容。感觉就像大电影开场一样。现在给大家介绍一下这种效果是怎么做出来的。从图层结构这边我们可以看到,首先是3-2-1,每隔一秒钟放大覆盖出现。到了第四秒,就可以把邀请函的图片整一张飞入,完全遮住之前倒数的数字。其实制作思路上跟上面说的小标题形式差不多。
用手绘图片做成漫画的形式。这种手绘漫画的形式其实很吸引眼球,无论是从创意还是视觉效果方面来说,都是很优质的H5作品。但其实这么精美的H5也不需要动用到技术开发的手段就可以完成。如果童鞋们有手绘条件的话,可以参考这两个案例来制作H5,推广效果肯定很赞。如果想要做这种形式,但却没有手绘天赋的话,MAKA有专属的设计师,为大家提供高端的定制服务。
【新增形状】点击编辑区右侧 “形状元素” 按钮,可选择形状添加到页面中。
点击形状,可在右侧修改形状的颜色、样式、透明、旋转等属性也可拖动形状的四角改变形状的大小。还可“更换形状”。
简单的形状+动态效果=做出高级视觉呈现。这个案例,主要特点在于表格的应用。编辑器没有直接插入表格,但可以用图形来进行搭配。从图层分析他的构成。
这是设计师通过不同颜色的长方形,以及调整形状的动作效果和出现时间,实现的柱状图效果。很简单的操作原理,但可以达到很高端的显示效果。
用图片叠加+动态效果作出图表效果
觉得麻烦的话,我们可以使用之前说过的,MAKA编辑器自带的图表功能。可以选择预设主题,选择不同的颜色。
还可以输入数据,自动生成图表。
点击编辑器的右上角,我们可以根据自己的需求,选择平台自带的不同风格的音乐。
如果觉得都不喜欢的话,我们可以选择在网络上下载自己想要的音乐,然后使用QQ音乐进行音乐压缩,MAKA平台是支持2M以内的MP3格式的音乐的。
MAKA编辑器还有一些好玩的功能,包括有擦一擦,左右对比,亲一亲,砸玻璃等等。
干货:指纹解码+红包这个案例,运用了指纹解锁的特效功能。其实他只是用了一个橙色的背景,加一个红包图片,还又文字 。还有指纹解锁,就可以做出拆红包的效果。
而这个案例,就运用了【来电显示】以及【擦一擦】的功能。
MAKA有专属的设计师,为企业提供高端的定制服务。
为腾讯,广汽丰田,智联招聘,浙江广播集团,长江商学院等做过高端定制服务。