MAKA教程——版式设计篇
MAKA教程
THANKS~
MAKA基础教程(电脑版)
1.注册登录 2.创建场景 3.编辑场景 4.保存场景 5.预览场景 6.推广场景
1.注册登录
1）进入MAKA官网： http://www.maka.im/ 2）点击右上角注册按钮 3）进入注册页面，填写 注册信息，点击注册
2.创建场景 1）点击菜单栏的模板页面
2）选择喜爱模板，然后点击购买按钮
3.编辑场景
3）特殊功能介绍：可新建文本、上传本地图库、 添加形状元素、按钮链接（通用、跳转链接、 互动、呼叫拨号、倒计时）
4.保存场景
1）当制作完成后，点击右上角的保存按钮
5. 预览场景
1）点击右上角的预览按钮，进入预览页面，按 照需求，对作品标题、简介及封面进行更改
标题 简介 封面
6. 推广场景
2.创建场景 ห้องสมุดไป่ตู้）购买成功后，点击马上使用，进入编辑页面
3.编辑场景 1）根据自己的喜好，编辑场景
特殊功能栏
页 面 列 表
子页面编辑栏
模板页面添加按钮
编辑主页面
3.编辑场景 2）可转换不同页面进行文字、图片更改，以 及背景音乐更换
音乐更改可用系统 自带，也可以用户 自己上传
字体样式更改
文 字 效 果 详 细 设 置
maka电子邀请函
maka电子邀请函篇一：婚礼电子邀请函软件结婚电子请柬制作现在很多好友之间流行发电子请柬，便宜又好看，可以网上购买，很便宜，20-50都有。
如果你有心还能做得很有特色。
我也想做一份属于自己的结婚请柬。
我网上查了后有很多制作方法，查了很多资料，都不太好。
足足折腾了我一个多月时间，修修改改，慢慢摸索，终于做好了，哈哈，真是太佩服自己的耐心了。
废话不多说，直接开始。
我是用ppt做的请柬，然后用一个名为“ppssconv”的转换软件做成“.exe格式”。
首先是素材的准备：第一步，做请柬底图，我是用了统一的图案，觉得这样会比较好看。
先上一张成品底图，图1这张底图是我用ps制作的，先新建一个尺寸为1200*900像素的画布，颜色是用吸管功能吸取同学发的请柬的颜色，使用填充功能“alt+delete”。
花纹图案颜色也是提取同学请柬的颜色，使用画笔功能，从“素材”下了几个好看的笔刷式样（笔刷式样导入具体步骤素材里是有的），然后使用笔刷工具，一行行画的，图案的间距和大小是可以调的，直线画法是按住“shift”键。
我选的是比较中规中矩的图案和排列，也有樱花，爱心，天使等笔刷样式，可以随意布置，显得比较随意，例如下图：图2第二部，做请柬封面图3图4图4做法与图1同。
印章、指印爱心、百合是网上一个个下的素材用美图秀秀的抠图功能，保存为png格式，然后一个一个叠加上去的。
用了水墨百合花，取百年好合的寓意，同时和图4的风格比较相符一点，也是用了抠图功能。
钻石玫瑰爱心是网上下的png素材（png格式的图片是透明的，比较好加工），中间两个小人是用的美图秀秀的摇头娃娃功能，播放时，头会摇，很是可爱。
第三步，制作请柬正文图5紫色图案的信纸底图也是用了图1的制作方法。
图上的小鸟，枫叶，蝴蝶是会动的，是网上下的gif格式图片。
荷花是用了两幅水墨图抠图叠加的。
上面的鱼是会动的，也是网上下了jpg格式图片，用抠图，再用了ppt中的自定义动画功能。
MAKAH5制作流程及相关操作指南
MAKAH5制作流程及相关操作指南H5是一种基于HTML5技术开发的网页制作方式，相比传统网页设计，H5拥有更多的互动性和创意性，因此在网络推广和移动应用领域得到广泛应用。
本文将介绍MAKAH5的制作流程及相关操作指南，帮助读者快速掌握H5的制作技巧。
一、前期准备工作1. 确定目标：在制作H5之前，需明确制作的目标和需求，包括宣传产品、推广活动或品牌形象等。
2. 收集素材：根据目标确定需要的素材和资源，如图片、音频、视频等，保证素材的版权合法性。
3. 规划架构：根据目标和素材，设计H5的架构和流程，确定页面之间的跳转逻辑和内容呈现方式。
二、MAKAH5操作指南1. 下载安装：前往MAKAH5官网，下载并安装MAKAH5编辑器，免费注册账号登录。
2. 新建项目：打开MAKAH5编辑器，点击新建项目，填写项目名称和尺寸，确定项目模板。
3. 选择模板：从MAKAH5库中选择合适的模板，根据项目需求进行个性化修改。
4. 页面编辑：点击页面编辑按钮，拖拽组件或插件到页面中，编辑页面内容并设置效果和动画。
5. 图片音视频：点击资源管理器，上传素材后，可以通过拖拽的方式将图片、音频和视频添加到页面中。
6. 页面链接：通过添加按钮或者组件的触发效果，设置页面之间的跳转链接，实现页面流畅转换。
7. 动画效果：MAKAH5提供了丰富的动画效果库，通过选择和调整参数可以为页面添加动态效果。
8. 交互设置：通过按钮交互、鼠标触摸事件等设置用户交互方式，增加H5的互动性和参与感。
9. 预览与发布：编辑完成后，点击预览按钮可以在编辑器中查看效果，满意后点击发布按钮，生成可供访问的链接。
三、H5制作流程1. 确定目标和素材：首先明确制作H5的目标和需求，确定所需的素材和资源。
2. 架构规划：设计H5的架构和流程，包括页面之间的跳转逻辑和内容呈现方式。
3. 页面布局：根据架构规划，确定每个页面的布局，包括文字、图片、音视频等的位置和大小。
13种平面板式设计,轻松学会设计排版
13种平面板式设计，轻松学会设计排版虽然绝大多数的极简风格的页面会采用黑白色调的文字，但是有色彩的文字更有张力，这是不争的事实。
彩色的字体在绝大多数地方都显得足够醒目，在许多设计项目当中，彩色字体被作为最重要的视觉元素来呈现。
现在，自带可编辑色彩属性的多彩字体开始逐渐多起来了，明亮的色彩和多样的色彩是非常吸引人的，这也使得信息的传递更加有效，足以建立富有标志性的标识，并且吸引用户参与到设计当中来。
今天就来分享一些平面设计的排版技巧。
01.简约大胆的非衬线字体：想要给人留下深刻的印象，字体并不一定非得那么华丽。
笔触较粗的非衬线字体在这两年比较流行，在各种网站和APP 当中出现的机率非常之高。
它们之所以会被选取，很大程度上是因为它们足够易读，并且能同背景和其他的文本元素构成良好的对比。
02.高亮的字体：被高亮显示的字体，是目前所看到的最令人惊讶的趋势之一，这种设计手法可以强调文本，让它成为视觉焦点。
从简单的通过高饱和度色彩高亮文本，到使用下划线的方式来高亮文本，设计师们所采用的方法都不尽相同。
不过不论是怎么设计，都是希望用户能够优先看到重要的文本内容，这种设计适合使用更短的文本块，以便突出显示，又不会造成信息过载。
03.剪切和叠加效果：通过剪切和叠加实现的设计效果可以创造出足够有趣、令人印象深刻的效果。
无论是叠加还是剪切，基本上都是通过分层来实现的，它让设计看起来不那么扁平化，而在字体上实现这样的效果，会是个不错的的选择。
剪切和叠加效果指的是文本字体当中不填充色彩，而是在背景上叠加一层，剪切出文本部分，透过剪切部分可以看到底层背景的图片。
就像上图的案例当中，透过文字可以看到底层的动态图片。
这种设计通常需要使用较粗的大写字母，并且控制文本内容的量。
只有这样能够确保前景剪切的文本内容清楚的传递给访客，也能让底层的图形内容呈现出来。
底层的内容无论是图片、纹理还是视频，都可以不错地呈现给用户，而且因为文本的尺寸，总体的信息量不会太大，也不会过载。
杂志 版式 设计
• 温度对园林植物生长发育的影响极大，植物 的耐寒性与植物种类、品种有关。在设计与施 工过程中宜选择半耐寒性植物为主，在条件许 可的情况下适当引进不耐寒植物。不耐寒植物 易受冻害、寒害或霜害等，因此在实施过程中 应配置在建筑物的南面，作为上木或采取保温 措施。而一些耐寒植物易受高温引起日灼，因 此配置方法与不耐寒植物相反。
• 短日照植物由南方向北方引种时，由于北 方生长季节的日照时数比南方长，气温则比南 方低，往往出现营养生长期延长，发育推迟的 现象。长日照植物由北方向南方引种时，发育 延迟，甚至不能开花，若要使其正常发育，必 须满足其对长日照的要求，补充日照时间，才 能使之开花结实。长日照植物由南方向北方引 种时，则发育提前。
平面广告版式设计
3）图片图形的设计 图片具有比文字更强烈、更直观的视觉传达效果，现在的时代是读图时代，时尚类杂志设计更是如此。图 片的制作以及处理对于杂志的感觉有着巨大的影响。
平面广告版式设计
2.1.3 时尚杂志的编排设计
1）时尚杂志的目录 对于时尚杂志的目录页来说，有些人根本就不看目录页，有些人喜欢从后往前看，还有些人习惯随便 翻阅，对于他们来说，位于前端的目录页是多余的，但它仍然起着重要的作用，因为位于封面之后的 目录页是唯一可以从字面上引导读者深入阅读杂志的要素，也是引导贯穿杂志内容的线索。
单体建模与标准材质
2.1.5 制作平滑塑胶吸盘与对齐
步骤一：制作吸盘支柱与塑胶托座 步骤二：编辑和平滑塑胶体 步骤三：使用对齐工具与完成餐桌模型
2.1.6 材质编辑器与自建材质库
材质编辑器是一个创建、编辑、管理和赋予对象 质感与色彩纹理的浮动工作台。 自建材质库可保存、调用或删除已设好参数和贴 图的材质。
提示： （1）根据学校或院系的专业定位特点，设计出符合杂志定 位特点的杂志内页。 （2）在设计中注意文字和图形的关系及色彩搭配。杂志中 注意标题、正文的关系，重点在于信息的传达，吸引读者 阅读的兴趣，提高阅读效率。
MAKA制作教程
一、MAKA简介Βιβλιοθήκη 操作简单便捷分 享
优势
海量模 板
行业动 态
二、MAKA账号注册
• 网址：http://maka.im/
• 注册：
三、MAKA具体 制作流程
(一)选择模板创建作品
• 1.我的作品——创建作品 • 2.找到自己喜欢的作用，点击“马上使用” • 3.进行文本等编辑
注：模板分为免费和付费
图片无法上传的解决方法
• 1.MAKA微场景支持gif、png、jpg、jpeg等图片格式，并支持 图片上传大小为2MB以内，其他格式或过大的图片将无法上传到 微场景；
• 2.从网站上下载的图片，其格式可能并非标准格式，建议使用美 图、PS等工具将图片重新保存为正确格式，然后再上传图片；
• 3.图片上传需要较好的网络环境，请在良好的网络下使用 chrome浏览器（兼容性最好）进行图片上传。
按钮链接能实现哪些功能
跳转链接：可选择不 同的按钮样式添加外 链链接，实现包括关 注、购物、电影、应 用等功能
呼叫拨号按钮：一键拨号 互动按钮：点赞、送花等
图标 倒计时按钮：可实现倒计
时功能
（二）自由创建作品
• 1. 插入背景音乐 背景音乐格式：MP3 大小：2M以内 音频码率：128kbps以内
如何更改音乐 格式和码率？
四、相关说明
如何添加表单
• 1.打开微场景的编辑页面，点击界面左下角 “+”，选择【普通模板】【表单】，即可选择表单样式。
• 2.添加表单后，可以修改表单内的输入框文字、按钮文字、颜色以及按 钮的反馈，还可通过右侧样式栏可以更改表单页的背景图片或者颜色， 让你的图表更加精致吸引。
MAKA制作教程
《版式设计》课件——版式的基本原理 图文(详细)
自由曲线最能体 现出情感的抒怀。
用抽象的自由曲线，形象 地表现一位足球运动员射球后 动双臂欢呼，甚至翻跟斗的运 动轨迹和心理曲线。
曲线给人以丰富、柔软、流畅的感觉。
垂直方向的线令人产生蓬勃向 上、崇高的情绪。
曲线
曲线构成的创意广告：利用构成原理将线条的视觉感受运用到商品广告中。
点是所有形态的起源，也是构成设计中不可缺少的基本元素。点的数量是无限的， 其面积虽小，但在构成中却能产生强大的生命力。
以简单的点，直接表现平面设计的有等点构成，差点构成和网点构成。
（1）等点图形：由形状、大小相同的点构成 一个画面。18世纪印象主义“点彩派”画家修 拉从色彩混合理论得到启示，运用大小相近的 纯红、纯绿等纯色，组成一幅幅在当时看来非 常独特的风景画和人物画。另外康定斯基在德 国包豪斯学院任教过程中，从全新的角度丰富 了“点”的内容，尤为重要的是等点图形大众 化，对现代设计起了深远的影响。等点图形被 广泛用于平面设计中。
等感受，如电塔、烟囱、高楼、旗杆的 结构轮廓都是高耸的垂直线； ➢ 水平线则使人联想到草原、海平面等， 使人产生开阔、平静、徐缓等感受。
水平线的应用： 日本平面设计大 师新村则人的作 品，其线条运用 极富艺术美感
2．倾斜线的应用 倾斜线常常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，
这也就是倾斜线给读者带来的感受。 两张与运动相关的招贴画，画面中数条倾斜的直线构成了画面的主体，
二.线的构成·线的种类
（1）垂直线：表示上升、端正、严肃，给人挺拔、雄伟、崇高的感觉，并且
有将视线引向上、下的视觉效果。
（2）水平线：表示稳重、静止，给人安定、沉着、开阔、平静的感觉，并使
人感到松弛、休息，还有将人的视线导致横向而产生宽阔的视觉效果。
版式设计基本原理ppt课件
完整版PPT课件
18
完整版PPT课件
19
完整版PPT课件
20
第二个因素
版面中的视线——视觉流程
完整版PPT课件
21
基本视觉流向
完整版PPT课件
22
编排设计最主要的功能是有效传递信息。因此，设计师在进行版面编排 时就要根据人的视觉规律处理好信息传达的先后主次关系，使版面编排在满 足人的视觉功能基础上引导受众视线并使其逐步接受信息。
8
轻完整快版、P自PT由课件
9
沉完整重版、P紧PT促课件
10
完整版PPT课件
11
最佳视域
完整版PPT课件
12
完整版PPT课件
13
完整版PPT课件
14
完整版PPT课件
15
完整版PPT课件
16
完整版PPT课件
17
思考：是否所有的广告版面编排都可以采用这种形式。 版面编排没有最好，只有最合适（根据主题编排版面）
当人们浏览任何一个平面空间时，视线总有一个首先注意的地方，这就是 视觉中心，或者说是读者注意的焦点。版面的视觉中心可以利用夸张、强调、 对比等设计手段来确定其位置，因此，在视觉中心一般安放着要传达的主要 信息内容。
完整版PPT课件
23
视觉流程是指受众接受信息先后秩序的过程。每个版面都有各自不同的视 觉流程，但不论是清晰单纯，还是散乱含糊，它们都是以最大限度地满足信 息传达功能为前提。在进行编排设计时，设计师要依据主题需要，有意识地 将各设计要素组织编排，让读者的视线按照设计好的线路，有顺序、有条理 的阅读版面内容，以达到有秩序的传达目的。
完整版PPT课件
25
完整版PPT课件
26
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.利用图片组合
当需要把更多的图片作为一组来呈现的时候，还有一种 将他们作为组合来处理的方式。
这是利用组合图片，来整体 展现图片的例子，与单张呈 现相比，这种方式废人以信 息丰富的印象。
这是在每张图片之间留有一 定的空隙的例子。虽然也可 以通过边框来进行分割，但 是留白的方式能够减轻画面 的压迫感，看上去更清楚。
一、设备适配 HTML5的流畅度与设备型号和版本高度相关，建议使用iPhone4s以上 或安卓4.0以上的设备进行浏览。 二、网络适配 3G以上的移动网络能够给您带来绝佳的浏览体验，但部分丰富的作品建 议在Wi-Fi环境下浏览。 三、图片与音乐体积 MAKA建议作品上传音乐大小不大于1M，每张图片（支持jpg、png、 gif）不大于2M。
3. 注意图片中插入的文字处理
有些情况下必须在图片中插入文字，这样的情况下，一 个重要的前提是，不要将文字覆盖在需要重点展示的对 象上，此外，对于文字来说也是一样及时是插入图片中， 也最好采用不影响文字可识别性的颜色。
将文字放置在不影响图片效果的位置上
图片插入文字，选用容易识别的颜色很重要
一般性的规则，应该将文段与图片的宽度统一起来。如 果文字或文段的结尾处长短不一，会让人觉得不协调。
如何轻松玩转H5 (版式设计篇)
想象一场炫目的线上活动推广，
借助简单易用的工具，
让您5分钟内轻松制作、 展示赏心悦目的Html5 Web APP， 让您的想法 生动呈现，在指尖流转。 MAKA， 您值得拥有！
特别声明
MAKA.im基于html5技术实现，Chrome浏览器与电信高速宽带能带来 最佳体验，为了保证创作体验，建议使用最新版Chrome进行设计（使用 现有的浏览器部分编辑功能可能无法实现）
并非图片都是等大的，可以 将其中的一张放大处理，从 而使画面产生变化，更加有 节奏感。
2.不要用图片将文字切断
图片排版中的要点是，注意不能损坏文字部分的可读 性与连续性。
如果在文段中插入图片，文字就会因为图片的大单而难于顺利的继续阅读（上）， 如果可能的话，应该吧图片插入到文段的开始或者结尾处（下）。
4.统一文字与图片的变形
文段左侧对齐，而右侧有偏 差，就会显得不自然。
文段与图片宽度并未统一， 文段与图片对齐，视觉上显得 视觉上会显得不自然。 更加协调
Thank you!