文档属性
模板上传仅支持 SVG 文件。
(建议使用 Illustrator 或 Photoshop 软件工具制作,务必请保留原格式设计文件,再导出SVG 文件。不要用SVG 文件修改设计)
文档以像素为单位;色彩模式使用 RGB。
Illustrator工具
图层
文档仅使用一个图层。一个文档一个尺寸,不要使用多画板;不要使用子图层或新建更多图层;在视觉上属于一个整体的元素可以编组(Command/Ctrl + G),且编组可以嵌套;可修改的图片使用一个无外观的剪切蒙版遮罩,模板解析器会在用户上传图片时,以遮罩形状信息计算图片的位置和缩放;普通形状若超出模板尺寸,建议用无外观的剪切蒙版遮罩,且所有元素编到一个组内,使与遮罩平级的元素只有一个组;
不要嵌套剪切蒙版遮罩;遮罩不要有任何外观。
图片
使用 文件-置入 来插入图片(从系统剪切板粘贴会影响图层结构,且容易丢失边缘);支持 JPG 和 PNG;图片建议保持外链;非装饰性图片建议使用剪切蒙版,且图片和遮罩图形平级。
文案
按最大长度设计,尽量全用汉字,首尾不加空格,不要使用连续空格和特殊字符;字间距仅支持 0 或正数,不支持负数;一行文案一个图层,文字图层不能换行;文字不要有任何复杂外观(若有复杂外观,图层面板的圆圈将是实心的);特殊字体的装饰性文案打散为形状;仅支持横向文本工具;字体建议使用开源字体,可在“工具下载”页面下载;如有特殊字体需要在线编辑,在保证您有该字体使用版权的情况下,可联系运营上传特殊字体。
色彩和外观
不透明度设置在元素上,不要单独给填充或者线框设置不透明度;不要给元素增加复杂外观;不支持图层混合模式;可以使用渐变,但渐变停靠色,或使用了渐变的元素,不能设置不透明度;不透明度要么配置在元素,要么只配置在组上,不要嵌套配置;不要使用图案填充。
导出设置
Illustrator 提供了诸多将设计导出为 SVG 的选项,我们目前仅支持通过“文件 - 另存为”对话框,选择 SVG 格式的方式。使用这个功能时,需要按照下图配置导出选项。
视频演示
6.mp47.mp4photoshop工具
模板一般由图片层、文案层、装饰层和背景层四大部分组成。(该四层名称仅为了方便讲解,不作为设计稿图层命名要求)
文案层
使用横排文字工具;一个图层一行文案,且样式一致;可以修改字体,字号,颜色,可以旋转;只能使用单色,字间距 0, 左对齐;不可编辑的文案等同于装饰图层,如添加图层样式,需合并为位图。
装饰和背景层
矢量图形必须使用钢笔工具或形状工具绘制;矢量图形一直是“形状”;矢量图形可以填充单色或线性、径向、对称渐变,不可以使图案填充;使用图案填充、图层样式、蒙版、调整图层、混合模式功能的图层必须合并为一个普通位图图层。
图片层
在 photoshop 中用矢量蒙版表示图片可替换区域的大小,建议尺寸大小用整数;蒙版必须在画布内,图片必须填满或超出蒙版范围。
导出设置
选择文件-导出-导出为,在弹出的对话框中,选择 SVG 格式,点击导出全部按钮,选择一个文件夹即可。
【本文来源:武汉seo公司 http://www.5h5q.com复制请保留原URL】