makeinfo 使用方法

从模板开始

从空白页开始，第一个区块该放哪里就会卡住。按工具栏的模板挑一个接近的样式，只替换内容会更快。

模板的排版和配色已经调好了。不需要的区块删掉，留下要用的就行。若想完全从零开始，用清空所有区块。

用区块堆叠出页面

makeinfo 的画面由区块组成。在左侧列表点选需要的区块即可添加。

区块可以自由移动。可以在列表里调整顺序，也可以归到文件夹把相关的整理在一起。归好之后，移动父区块，里面的区块会跟着走。

对齐 — 别靠眼睛估

页面看起来不够专业，最常见的原因是区块的左边缘差了几个像素。近看不太察觉，整体一看就显得乱。

有两个工具。

• 吸附 — 会像磁铁一样吸到画布网格和其他区块的边角。拖到附近就会自动对齐。
• 吸附到区块 — 放到其他区块的四条边上就会对齐。放左右会并排在同一行并均分行宽，放上下会纵向排成一列并继承 x 坐标和宽度。只在靠近边缘时生效，从区块正中间经过不会有任何反应。

想微调时，选中区块后用方向键，按一次移动 1px。

只调整某一个区块

右侧属性面板只作用于选中的区块。

• 内容大小 — 把该区块的文字和留白一起放大或缩小。只放大文字的话，留白会显得相对变窄而拥挤，所以两者一起动。
• 各部件大小 — 只放大商品名、价格保持原样，像这样按区块内的元素分别设定。
• 自由变形 — 打开后内容会像图片一样被拉伸压缩。缩小外框，里面的文字也会跟着变小。和 PowerPoint、Photoshop 的自由变形是同一种行为。

缩放手柄不会改变文字倍率。用手柄缩小时内容不变、只有外框变小，所以缩到比内容还小就会被裁切。想连内容一起缩小时用的就是自由变形。如果是带照片的区块，还可以把照片比例设为适应框内 — 照片会随区块高度缩小，文字保持原来的大小。

颜色和字体在主题里统一设定

逐个区块挑颜色，之后想改整体风格就得全部重来。在样式标签的主题里定好基准色和字体，所有区块都会跟着走。

某个区块需要不一样时，用仅调整此区块设例外。默认跟随主题、例外尽量少，之后改颜色才轻松。

也可以使用自己上传的字体。导出时只会把用到的文字所需的部分一起打包进文件，所以在别的电脑打开字体也不会变。

标题工作室

要给标题文字加渐变、描边、阴影，还要每行用不同字体，需要调整的项目就多了。所以标题区块会全屏打开。

在这里做的标题仍然保留为文字，之后还能改文案。从预设样式开始、只改颜色是最快的做法。

键盘

撤销按操作动作分组。拖动一次算一步，输入也按句子分组，不会一个字一个字地回退。

自动保存，但只存在这个浏览器里

作业会自动保存，下次打开时最后的项目会原样恢复，不需要按保存按钮。

关键在于保存在哪里 — 在这个浏览器里，不会上传到服务器。所以遇到下面这些情况，作业就没了。

• 清除了浏览器的浏览记录或网站数据
• 在无痕窗口里作业后关闭了窗口
• 在别的电脑或别的浏览器打开（根本看不到）

所以做完之后请用整张 PNG 导出一次。那个文件就是你的工作文件。要换到别的电脑时，也只需带上那一个文件。

四种导出格式

记住一点 — 上传的文件和保存的文件是两回事。上传了分割 PNG，就另外留一份整张 PNG。

导入直接拖进来即可。整张 PNG 或工作文件 zip 会整个项目还原，普通图片会变成图片区块，PSD 会按图层变成区块。

需要画图的时候

需要简单作画或修图时，打开左下角的绘图编辑器。在新标签页画完可以直接作为图片区块带回来，不必在多个软件之间来回切换。