文档属性

模板上传仅支持 SVG 文件。

（建议使用 Illustrator 或 Photoshop 软件工具制作，务必请保留原格式设计文件，再导出SVG 文件。不要用SVG 文件修改设计）

文档以像素为单位；色彩模式使用 RGB。

Illustrator工具

图层

文档仅使用一个图层。一个文档一个尺寸，不要使用多画板；不要使用子图层或新建更多图层；在视觉上属于一个整体的元素可以编组（Command/Ctrl + G），且编组可以嵌套；可修改的图片使用一个无外观的剪切蒙版遮罩，模板解析器会在用户上传图片时，以遮罩形状信息计算图片的位置和缩放；普通形状若超出模板尺寸，建议用无外观的剪切蒙版遮罩，且所有元素编到一个组内，使与遮罩平级的元素只有一个组；

不要嵌套剪切蒙版遮罩；遮罩不要有任何外观。

图片

使用 文件-置入 来插入图片（从系统剪切板粘贴会影响图层结构，且容易丢失边缘）；支持 JPG 和 PNG；图片建议保持外链；非装饰性图片建议使用剪切蒙版，且图片和遮罩图形平级。

文案

按最大长度设计，尽量全用汉字，首尾不加空格，不要使用连续空格和特殊字符；字间距仅支持 0 或正数，不支持负数；一行文案一个图层，文字图层不能换行；文字不要有任何复杂外观（若有复杂外观，图层面板的圆圈将是实心的）；特殊字体的装饰性文案打散为形状；仅支持横向文本工具；字体建议使用开源字体，可在“工具下载”页面下载；如有特殊字体需要在线编辑，在保证您有该字体使用版权的情况下，可联系运营上传特殊字体。

色彩和外观

不透明度设置在元素上，不要单独给填充或者线框设置不透明度；不要给元素增加复杂外观；不支持图层混合模式；可以使用渐变，但渐变停靠色，或使用了渐变的元素，不能设置不透明度；不透明度要么配置在元素，要么只配置在组上，不要嵌套配置；不要使用图案填充。

导出设置

Illustrator 提供了诸多将设计导出为 SVG 的选项，我们目前仅支持通过“文件 - 另存为”对话框，选择 SVG 格式的方式。使用这个功能时，需要按照下图配置导出选项。

视频演示

6.mp47.mp4

photoshop工具

模板一般由图片层、文案层、装饰层和背景层四大部分组成。（该四层名称仅为了方便讲解，不作为设计稿图层命名要求）

文案层

使用横排文字工具;一个图层一行文案，且样式一致;可以修改字体，字号，颜色，可以旋转;只能使用单色，字间距 0， 左对齐;不可编辑的文案等同于装饰图层，如添加图层样式，需合并为位图。

装饰和背景层

矢量图形必须使用钢笔工具或形状工具绘制；矢量图形一直是“形状”；矢量图形可以填充单色或线性、径向、对称渐变，不可以使图案填充；使用图案填充、图层样式、蒙版、调整图层、混合模式功能的图层必须合并为一个普通位图图层。

图片层

在 photoshop 中用矢量蒙版表示图片可替换区域的大小，建议尺寸大小用整数;蒙版必须在画布内，图片必须填满或超出蒙版范围。

导出设置

选择文件-导出-导出为，在弹出的对话框中，选择 SVG 格式，点击导出全部按钮，选择一个文件夹即可。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。