本文档讨论了通过主题编辑器为机构定制 Canvas 用户界面品牌时应遵循的技巧和指南。
本文档面向需要使用主题编辑器自定义 Canvas 用户界面的管理员，并详细介绍了如何使用主题编辑器上传机构徽标等各种文件。这些指南将提供主题编辑器中每张图片的最佳尺寸，以及一些实用的图片创建技巧，帮助您快速打造美观的 Canvas 界面。
如果您的机构有幸拥有一个市场营销或品牌推广团队，并且团队中配备了专职的平面设计师或网页设计师，我们强烈建议您与他们合作进行 Canvas 品牌设计。这样您不仅能获得理想的效果，还能大大减少工作量——太棒了！专业的设计师还能确保您的设计符合所有品牌规范。
本文档中提供的模板文件均使用 Photoshop 创建。如果您没有 Photoshop，可以使用任何图像处理软件，根据每个步骤中提供的理想图像尺寸创建您自己的文件。
矢量图形与位图图形
在上传机构徽标之前，您需要获取一份高分辨率副本以供主题编辑器使用。理想情况下，您应该使用……向量标志图片而不是位图 标志图片。
- 向量图片通常以……结尾。人工智能，.eps， 或者 .svg由于矢量图像基于路径而非像素，因此可以清晰地缩放至任意大小。矢量图像可以拖放或粘贴到 Illustrator、Photoshop 和 Sketch 等图像编辑软件中。之后，它们可以调整大小而不会损失清晰度。要保持宽高比，请在相应的程序中打开图像并按住 Shift 键。要在主题编辑器中使用矢量文件，必须将其保存为特定格式。.svg 格式。
- 位图 图片通常以……结尾.jpg，.png， 或者 .gif它们由固定数量的像素组成。如果调整它们的大小（尤其是在放大时），它们通常会变得模糊。
如果无法获得机构徽标的矢量版本，请尽量获取最大尺寸的位图版本——宽度超过 1000 像素即可。最佳的位图文件类型是 PNG 文件（.png），因为它们专为网页设计，并能保持最佳画质。它们还能很好地调整大小，并支持透明背景。
图片上传
获取图片后，您可以将文件上传到主题编辑器中的各个区域。
导航标志
水印
| 页面内容后方显示的浅色背景图片；显示尺寸取决于上传的文件大小。 推荐尺寸：400 x 400 像素 推荐的文件导出类型：PNG 实用小贴士：
- 就像信纸上的水印一样，我们的水印图像旨在成为……微妙的品牌元素（我们建议您的图片不要与 Canvas 的白色背景形成太大的对比），通常会被 Canvas 的其他元素覆盖。
- 水印完全是可选的。如果您找不到合适的图片，不必非得使用水印。
下载水印示例文件 下载水印 Photoshop 模板 |
|---|
网站图标
手机主屏幕图标
Windows 瓷砖方块
Windows 平铺宽屏
右侧边栏徽标
背景图片
| 登录背景图片 推荐尺寸：2800 x 2000 像素 推荐的文件导出类型：JPG（30-40% 质量作品） 实用小贴士：
- 全屏背景图片完全是可选的。您可能更喜欢简单的纯色背景，不添加图片（这样加载速度肯定会更快）。
- 如果您的图片小于建议尺寸，Canvas 会自动放大；只是图片可能会略微出现像素化。
下载背景图片示例文件 下载背景图片 Photoshop 模板 |
|---|
登录徽标
| 登录页面顶部显示的徽标 推荐尺寸：380 x 150 像素 推荐的文件导出类型：PNG（高级用户也可以使用SVG） 实用小贴士： - 无论页面大小如何，登录页面上的徽标都将调整为 190 像素宽。
- 为了在视网膜屏和/或大尺寸显示器上保持良好的图像分辨率，建议仍采用理想尺寸。尺寸过小可能会导致图像模糊。
下载登录徽标示例文件 下载登录徽标 Photoshop 模板 |
|---|
您也可以通过以下 Canvas 指南访问此资源：
