资深设计师教你使用MAKA编辑器全攻略

在移动互联网时代,大企业大公司们都在利用自己强大资源和技术比拼h5场景页面营销,一些小企业或普通独立营销者也不能眼巴巴地看着却什么都做不了。因此有了许多免费h5页面制作神器出现。MAKA作为国内第一家做h5平台的公司,本人早在一年前加入了该平台的设计师行列。今天本设计师就给大家介绍一下MAKA编辑器全攻略吧!

一、进入MAKA模板商城

1、选择模板

2、进入制作平台

选择完模板后,会自动进入制作平台。在制作平台上,主要分三大区域:左侧的作品页面调整预览显示区域,中间的是作品编辑区域,右侧的是组件属性功能编辑区域。

二、功能介绍

文字

1、功能定义:用于展示文字内容,通过修改文字的显示属性,可以生成各式各样的显示效果。

2、操作方法:点击右侧的文字选项——“新建文本”,编辑面板会出现可供选择的文字输入框,如大标题,小标题和正文内容等等。双击输入框可以修改文字内容;修改右侧的属性选项,可以改变文字的显示样式。

3、属性说明:

1)字体:改变文字的字体,提供的是MAKA数据库的字体,非电脑本地字体。

字号:修改文字的显示大小。

3)行距:修改两行文字间的间距。

4)调色板:修改文字颜色。

5)样式:字体可设置加粗,斜体,下划线,居中,居左,居右,水平排列和垂直排列的转置

6)高度:修改文字输入框的高度,单位像素。

7)宽度:修改文字输入框的宽度,单位像素。

8)透明度:修改文字的透明度,100%为不透明,0%为全透明。

9)旋转:可以0°~360°旋转。

10)文本框:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

图片

1、功能解释:用于显示图片,通过修改图片的显示属性,可以改变图片的大小、透明度、角度等。

2、操作方法:

1)激活功能:点击右侧的图片选项——“素材”,编辑面板会出现不同分类的图片素材以及上传自定义图片按钮。

2)上传新图片:点击“上传图片”按钮,上传本地电脑中的图片。

3)图片库中的图片:如果之前已经上传过图片,可以点击“我的”,选择需要显示的图片。

4)截图:按住鼠标左键拖动选择图片区域,双击图片,进入图片裁剪模式,选择要裁剪的区域,点击“√”图标按钮或右击选择“裁剪”,便可以裁剪出选中的图片区域。

1)更换图片:选中想要替换掉的图片,点击“更换图片”,上传新图片。

2)透明度:修改图片的透明度,100%为不透明,0%为全透明。

3)圆角:修改图片边角的圆润程度,数值越大,图片边角越圆润。

4)阴影:从0%-100%,四周阴影从小到大变化。

5)旋转:可以0°~360°旋转。

6)大小:修改图片的宽度和高度

7)位置:X代表横轴,Y代表纵轴,输入数字可以调整图片的坐标位置。

8)位置图标:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

形状元素

1、功能解释:用于添加形状组件,增强设计感和趣味性。

2、操作方法:点击“形状元素”,选择想要的形状类型,如点击数据图标,可以看到数据图表形状元素,单击某个元素,自动添加到当前编辑的页面。

1)颜色:选中想要修改颜色的形状元素更换。

2)更换形状:点击“更换形状”即可更换其他形状。

3)透明度:修改形状元素的透明度,100%为不透明,0%为全透明。

4)旋转:可以0°~360°旋转。

5)大小:修改形状的宽度和高度

6)位置:X代表横轴,Y代表纵轴,输入数字可以调整形状元素的坐标位置。

7)位置图标:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

按钮链接

2、操作方法:点击右侧的链接选项——“链接”,编辑面板的右侧会出现“跳转连接”,“呼叫拨号”、“互动”和“倒计时”四个选项。

(1)点击“跳转链接”自动添加按钮,可以双击按钮,修改按钮文本,可调整范围参考前面的文本。

(2)点击“互动”则自动添加“点赞”按钮。

高级功能

功能解释:添加更多好玩有趣的功能,如视频、测试游戏、表单、投票、接力、地图、图组、抽奖等。(下面以表单功能为例)

表单

1、功能解释:是允许用户在表单中输入并提交文本信息的功能组件,用户提交的信息可以在帐户栏目下的表单数据中显示。表单中,可以自定义每个选项的名称和项目的数量。

2、操作方法:点击右侧的表单选项,弹出新建表单窗口,对表单内容进入添加。

1)表单内容:添加表单填写项,可自定义提示文字,勾选是否必填,自定义内容选项。

2)按钮文字:提交表单的按钮提示,如“报名”。

3)按钮反馈:添加按钮点击提交后的反馈信息,如“报名成功”。

底图

1、功能解释:设置页面的背景颜色或者图片。

2、操作方法:点击模板页面背景,在右侧的背景选项,对具体属性进行修改。

1)背景色:可以上传新图片作为背景图片,也可修改背景颜色,以纯色显示。

2)上传新图片:点击属性栏“更换背景”按钮,上传本地电脑中的图片或选择MAKA图片素材作为背景。

3)图片库中的图片:如果之前已经上传过图片,可以从图片库中选择需要显示的图片作为背景。

4)截图:按住鼠标左键拖动选择图片区域,然后点击截图按钮或者双击选中的图片区域,便可以裁剪出选中的图片区域作为背景。

5)翻页效果:点击页面背景区域,在右侧背景属性的“翻页效果”下选择翻页效果,如层叠、覆盖、折叠、旋转、淡出淡入、缩放、推移、魔方等。

6)底部菜单栏:企业版特色功能。启用后将会在底部显示可调转的菜单栏。

音乐

1、功能解释:设置修改当前作品的背景音乐。

点击右侧上方的“背景音乐”选项,选择已有的音乐文件,或点击“上传音乐”,上传本地电脑的音频文件,还可以选择无背景音乐。

动作

1、功能解释:用于设置组件的动画效果,使展示显得更酷炫。

2、操作方法:选中需要设置动画效果的组件,点击右侧的动画选项,选择需要的动画效果。可设置动画的组件:文字、图片、按钮。

2)延迟:可设置当前页面出现后0秒~10秒进场。

3)动作效果:可选无效果、淡入、从左/右滚入、放大、下落放大、弹性放大、弹性缩小、向左/右飞入、向上/下飞入、旋转出现、左右翻转、上下翻转、刹车、向左/右滑入、向上/下滑入、向左/右展开、向上/下展开等。

三、保存生成

保存作品

1、在作品制作完成以后,首先点击右上角的保存按钮。

2、预览作品

作品保存完成以后,再点击右上角的预览按钮。

3、生成作品

点击预览页面后,在弹出的预览页面填写作品信息,完善好作品的标题、描述和缩略图后,直接关闭弹窗即可。

注意事项

修改作品的时候,需要重新点击“预览”保存,才可以预览出修改后的效果。

THE END
1.菜单素材菜单图片菜单素材图片下载熊猫办公为您找到400个菜单素材图片,包括菜单图片,菜单素材,菜单背景,菜单模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等多种格式的素材,更多关于菜单素材、图片、背景、矢量、UI、PS、免抠,艺术字、插画、配图等设计素材模板https://www.tukuppt.com/speciall/caidan1546.html
2.菜单背景菜单背景图片菜单背景素材觅知网为您找到1569个原创菜单背景设计图片,包括菜单背景图片,菜单背景素材,菜单背景海报,菜单背景,菜单背景模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于菜单背景素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPThttps://m.51miz.com/so-sucai/223300.html
3.饭店菜谱背景背景素材图片饭店菜谱背景背景图片下载觅元素是设计素材的免费下载网站,提供饭店菜谱背景图片,饭店菜谱背景jpg、png素材,饭店菜谱背景素材免费下载就来觅元素。https://www.51yuansu.com/soback/fandiancaipubeijing.html
4.菜单设计图片免费下载菜单设计素材菜单设计海报菜单设计 全站综合免抠元素U I 图标设计背景设计模板摄影照片PPT模板音效配乐 全格式PNGJPG多图层矢量图PSDA IEPSSVGCDRPPT 全色系 综合排序热门下载最新上传全版式竖图/方图横图/banner搜多词:精准100%精准75% 简约花纹边框 下载PNG 中国风精美花纹镂空边框福字底纹背景https://ixintu.com/all/caidansheji.html
5.菜单背景图片图片菜单背景图片素材菜单背景图片模板免费下载六图网为您提供菜单背景图片设计作品免费下载服务,您还可以找到菜单背景图片图片、菜单背景图片素材、菜单背景图片模板等设计素材,我们为您提供菜单背景图片图片下载,菜单背景图片模板下载、菜单背景图片素材下载等服务!https://www.16pic.com/sucai/372135.html
6.菜单设计制作菜单模板图片这是一个关于菜单设计的专题页面,包含了菜单设计的基本原则、技巧,以及相关的在线设计工具、设计模板等内容。通过本专题,您可以学习如何快速创建专业的菜单设计,并打造与众不同的独特菜单设计。无论您是餐厅、咖啡馆还是其他行业,都能从中获取灵感并提升您的菜单设计水https://m.gaoding.com/features/4
7.欢庆H5网海报欢庆H5网海报为用户提供海报图片制作工具,在线ps工具,平台提供海量素材,模板设计,海报下载,ps素材,朋友圈图片,朋友圈海报,图片制作;拥有大量精美的模板,与全国优秀设计师合作,模板更新快速,供用户自由选择,满足各种需求。https://www.huanqing365.com/shouce
8.菜单背景素材下载图片psdpng平面设计模版素材免费下载图标图标 元素元素 背景背景 PPTPPT 字体字体 动图动图 模板 在线设计在线设计 样机样机 海报海报 插画插画 UIUI 淘宝淘宝 图库 高清图库高清图库 免费商用(cc0)免费商用(cc0) 版权商用(9元)版权商用(9元) 游戏 美术 图标图标 UIUI 场景场景 角色角色 技能技能 合集合集 横版横https://www.aigei.com/item/cai_dan_bei_jin_70.html
9.[菜单设计背景]图片免费下载菜单设计背景素材千图网为您找到67768张菜单设计背景相关素材,千图网还提供菜单设计背景图片,菜单设计背景素材, 菜单设计背景模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/caidanshejibeijing.html
10.免费背景简约菜单模板背景简约菜单设计素材Fotor懒设计提供免费背景简约菜单模板、背景简约菜单设计素材、背景简约菜单图片,在线编辑背景简约菜单模板,文字图片背景皆可修改,简单3步在线完成背景简约菜单设计,并能下载高清背景简约菜单图片。https://www.fotor.com.cn/templates/tag-beijingjia-t4uW-1-caidan
11.易拉宝设计在线易拉宝制作易拉宝图片模板在线设计平台Canva可画提供了海量的易拉宝设计模板,覆盖绝大多数易拉宝设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的易拉宝。https://www.canva.cn/create/roll-up-banner/
12.菜单背景图片素材免费下载,菜单背景模板免费下载第1页菜单背景,菜单背景设计相关的PSD分层设计稿、菜单背景矢量素材(CDR,AI,eps)、菜单背景图片(jpg,jpge)素材。https://www.tupian114.com/tupian/search?wd=%B2%CB%B5%A5%B1%B3%BE%B0&dy=1&format=5
13.下拉菜单设计:40个最新设计实例和技巧分享,跟就对了!!!Whirling CSS3 Drop Down Menu是一款视觉效果极佳的CSS导航下拉菜单模板设计。它最有趣的地方就是添加了十分新颖的扭转展开式动效。适合各类暗黑风网页设计使用。感兴趣的设计师,可以点击“返回教程”查看制作详情。 5.Lion Burger Lion Burger是一个使用按钮式下拉菜单导航的网站。它最值得关注的就是下拉菜单所选用的https://www.jianshu.com/p/6520ab18f7aa
14.菜单模板背景图片菜单模板背景素材菜单模板底图摄图网菜单模板背景图片专题为您提供高质量菜单模板背景素材,菜单模板背景图片,菜单模板底图等背景图下载,所有背景图均有版权可放心下载商用https://699pic.com/beijing/1729026.html
15.简约菜单背景图片简约菜单背景模板在线制作魔力设图片素材库提供简约菜单背景图片下载和在线设计,包括简约菜单背景图片、简约菜单背景素材、简约菜单背景模板。即可下载PS源文件素材,也可以直接在线编辑制作,无需PS,1分钟快速出图。http://www.51mo.com/search/241758.html
16.菜单背景图,高清菜单背景图图片/素材/模板,免费菜单背景图图库图品汇是领先中国万千菜单背景图素材图库网中免费设计素材模板网,提供免费菜单背景图素材,模板,高清原创正版图片下载,为您优选原创菜单背景图模板下载,菜单背景图素材。精品原创,作品严格审核,高速免费下载。https://www.88tph.com/so/83dc535580cc666f56fe.html
17.菜单免费菜单背景图片设计素材模板下载烤肉烧烤烤串菜单高清图片下载 立即下载 收藏 手绘肉串烤肉菜单图矢量素材下载 立即下载 收藏 烧烤烤肉菜单海报高清图片下载 立即下载 收藏 烤虾烧烤菜单图高清图片下载 立即下载 收藏 烤串鱿鱼烧烤菜单图高清图片下载 立即下载 收藏 菜单烧烤玉米串高清图片下载 立即下载 收藏 烧烤串串菜单烤肉高清图片下载 立即https://www.zsucai.com/tag/caidan.html
18.菜单模板设计素材,菜单模板背景素材,菜单模板下载,昵图网菜单模板设计素材专题提供菜单模板相关PSD分层设计稿,菜单模板矢量素材(CDR,AI,eps),菜单模板背景素材等菜单模板下载.https://www.nipic.com/topic/show_11550_1.html
19.ppt模板怎么换背景图片办公软件如何更换 PPT 模板背景图片 步骤1:打开 PPT 文件 打开您要更改背景图片的 PPT 文件。 步骤2:选择幻灯片 在幻灯片缩略图窗格中,选择要更改背景图片的幻灯片。 步骤3:点击“设计”选项卡 在顶部菜单栏中,找到并点击“设计”选项卡。 步骤4:点击“背景”组 https://m.php.cn/faq/798732.html
20.简易菜单简易菜单设计模板下载简易菜单背景图片素材下载我图网简易菜单专题为您整理了原创高质量简易菜单图片素材供您在线下载,PSD/JPG/PNG格式简易菜单模板下载、高清简易菜单图片大全等,下载图片素材就上我图网。https://m.ooopic.com/sousuo/3610398/
21.菜单背景图片图片菜单背景图片模板下载菜单背景图片专题提供菜单背景图片背景图片,菜单背景图片素材下载,菜单背景图片模板下载,所提供的菜单背景图片都是高质量的,供大家下载学习及参考。https://www.zhengpic.com/tags-49193-0.html
22.网页设计需要了解的相关知识小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过),半个月的时间做了80多个个人站或企业的logo,认识到了许许多多的站长,他们人都很好,但是其中一些站长由于由于对美工知识过于匮乏,导致了诸如让我直接给图片加连接,把橙色当作http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
23.菜单背景素材菜单背景图片菜单背景模板设图网为您提供菜单背景设计素材、菜单背景图片、菜单背景背景、菜单背景设计元素、菜单背景模板在线下载。更多菜单背景设计素材,就选设图网。https://www.shetu66.com/so-sucai/caidanbeijing/
24.十六种CAD.CAE.CAM软件介绍UG是美国UGS(Unigraphics Solutions)公司的主导产品,是集CAD/CAE/CAM于一体的三维参数化软件,是面向制造行业的CAID/CAD/CAE/CAM高端软件,是当今最先进,最流行的工业设计软件之一.它集合了概念设计.工程设计,分析与加工制造的功能,实现了优化设计与产品生产过程的组合。被广泛应用于机械、汽车、航空航天、家电以及化工等https://www.douban.com/note/272765210/