品牌模板最佳实践指南
本文係由機器翻譯而成。如發現錯誤,請告知我們。
当模板易于编辑、可预测并根据团队的实际需求量身定制时,效果最佳。
通过提前规划并有意识地设置元素,您可以创建任何人都可以更新的模板,而不会破坏布局或影响品牌风格。
本指南显示了设计师用于创建适用于整个组织的模板的基本步骤。
1.从计划他人需要改变的事情开始
强大的模板始于合适的构建模块。 选择元素和结构,使更新对于使用模板的任何人来说都很简单。
使用易于更新的元素类型
选择团队成员可以在不更改布局的情况下重新着色或替换的元素。
使用SVG作为图标和插图。 它们可干净缩放,并可使用品牌工具箱颜色重新着色。
上传SVG
- 前往上传,然后选择上传文件。
- 选择SVG文件以获得最佳质量。
将边框和网格用于可替换图像
框架可以保持图像的大小和正确定位。 这样,队友无需调整裁剪或尺寸即可替换图像。
当一张图像需要填充固定的空间时,请使用边框。
从一开始就使用品牌工具箱颜色
品牌百寶箱顏色可維持範本的一致性,並減少之後手動更新的需要。
- 选择素材。
- 选择颜色,然后选择品牌工具箱颜色。
- 选择全部更改以更新设计中的每个匹配的颜色。
这可以让您的模板在每次更新中都与您的品牌保持一致。
2.设置布局以适应真实内容
当有人添加了更长的文本、更短的标签或新内容时,您的模板应该会停滞不前。 正确构造文字可保持间距稳定,并防止布局发生变化。
使用回流以保持间距可预测
回流控制添加或移除行时文本的移动方式。 良好的设置可以防止文本与其他元素重叠。
- 保持文本框足够宽以容纳更长的行。
- 在文本框之间留出空间,以便它们可以根据需要展开。
- 在分组之前,使用Cmd或Ctrl + Shift + J匹配文本框的宽度。
为应一起移动的元素建组
分组可确保相关元素在布局更改期间表现为单个单元。
对项目进行分组,例如:
- 标题和副标题
- 图标及其文本标签
- 形成单个块的装饰元素
避免分组:
- 需要自行移动的元素
- 布局中不相关的部分
锚定文字,使其朝正确的方向展开
锚定控制文本在有人编辑时从何处展开。 在分组文本之间匹配锚点可保持布局一致。
好的锚固是什么样的:
- 标题向下展开
- 居中标题保持居中
- 正文文本向一个方向增长
- 选择文字框。
- 选择“ 高级设置”。
- 请选择:
- 向下流动的顶部
- 从中间扩张的中心
- 向上流动的底部
3.保护不应更改的部件
布局完成后,锁定定义模板视觉标识的元素。
锁定固定元素
锁定应该放在您放置位置的物品:
- Logo
- 背景形状或图片
- 装饰线条或图标
- 定义间距或结构的布局块
对受控编辑使用位置锁定
位置锁定使元素可编辑,但防止意外移动它们。 非常适合用于:
- 图像边框
- 按钮
- 可重复使用的内容块,如个人简介或统计数据
锁定可确保模板完好无损,即使在多个队友使用时也是如此。
4.保持效果简单,以便图像易于更换
叠加和透明度等效果可以增强您的设计,但过于复杂的效果会使图像替换变得更加困难。
应用简单的图像混合
如果使用叠加层或纹理:
- 将透明度应用于叠加层(而不是图像)
- 将图片保留在叠加层上方,以便更换
- 避免需要手动重新定位的混合物
简单的效果使您的模板灵活且易于维护。
常见问题故障排除
文本回流破坏了布局
- 确保文字框之间有空格
- 在形状内的文字周围留出空格
- 确认所有分组文本使用相同的锚点设置
半透明图形下的图片难以替换
- 将图像层叠在半透明形状上方
- 将透明度应用于图片,而不是形状
这样可以通过拖放轻松更换。
這對你有幫助嗎?
有幫助
沒有幫助