王尘宇

一、快速指引

推荐的设计尺寸

翻页海报：375px（宽） * 1334px （高）

长图：375px（宽） * 不限高

导入前的预处理

文件体积是10 M以下，并且暂时不支持特型字体的导入

为防止在处理过程中出现意外，建议将原始设计稿先复制一份存档

拆分页面

对设计稿进行拆分：一个页面可能存在几个边界清晰的模块，将每个模块保存成单个 PSD 文件

如果 PSD 的背景一样，只保留一个

删除、合并图层

建议将在改稿已经不需要的隐藏图层删掉

将一些图层进行合并，以达到减小总体积的效果

为了得到上传后某些高清图，建议重新对压缩后的图片上传

二、操作流程

1.拆分页面

在磁力建站平台中，一个 PSD 对应的是编辑器的一个模块（中间不可插入其他组件）。因此做模板的第一步工作要判断如何将一张长图拆解成几个部分，每个部分作为一个PSD文件单独上传。

如下图，按明显色块，拆解成3个模块合适：

2.删除、合并和栅格化图层

首先，在设计稿中常常遗留了一些设计师在改稿过程中或由于操作失误产生的，已经不需要的隐藏图层。这些已经废弃的隐藏图层增大了文件的总体积，在预处理的时候我们应当首先将这些废弃的图层删掉。

其次，在设计稿中常常一个单独的物体是由多个细小图层组合而成。但是在最终的 H5 处理中，我们可能并不需要为每个小图层都单独添加效果。所以我们可以将这些图层进行合并，以达到减小总体积的效果。

最后，由于磁力建站平台暂不支持psd文件中的特殊字体导入，我们需要对使用了特殊字体的图层进行栅格化处理，否则可能会出现字体丢失的情况。在 PS 中右键单击图层，在菜单中点击“栅格化”即可。