主题、手机和深色模式

邮件的外观来自它的主题,因此在一处修改,就能改变所有使用主题的模块的样式。本页介绍主题、品牌套件和字体、邮件在手机上的变化,以及深色模式。

主题

从左侧栏打开主题面板。它包含以下部分:

颜色:品牌色、强调色(品牌色上的文字)、文本色、弱化文本色、背景色和卡片背景色。模块的颜色字段可以指向其中之一,而不用自己的颜色,这样主题变化时它也会随之变化。
字体排版:邮件的字体,以及标题 1–4、正文和小字各自的字号、字重、行高、字间距和手机字号。标题使用这些字号,未自行设置字号的文本模块也一样。
按钮:三种样式,主要、次要和描边,各有背景、文字、边框、圆角和内边距。按钮选择样式后,仍可设置自己的颜色。
链接:链接颜色以及是否加下划线。
布局:页面背景、邮件宽度(桌面端 560–720 px;在手机上邮件始终适应屏幕)、卡片内边距和圆角、模块间距以及文字方向。
深色模式:见下文。

没有主题的邮件仍按原样显示:每个默认值都是原来的外观。

品牌套件

在设置 › 品牌套件中设置一次品牌套件:徽标(浅色和深色)、颜色、字体、按钮样式、社交链接和页脚信息,包括许多国家要求营销邮件必须包含的邮政地址。从你的网站导入会读取你的首页,找出徽标、颜色、字体和社交链接,由你决定保留哪些。

新邮件从套件开始。主题面板中的应用品牌套件会把套件复制到现有邮件中(撤销即可还原原来的内容),页眉和页脚版块会读取套件中的徽标、链接和地址。Mia AI 会按照套件的外观和你的品牌语气来写作。

字体

每个字体选择器都会列出网页安全字体、精选的 Google Fonts 和你的字体:你的账户上传的 WOFF2 文件(最多 20 种字体,每个文件最大 2 MB)。每种网页字体都有一个作为备用的网页安全字体,选择器会说明哪些邮件应用显示网页字体、哪些显示备用字体。完整列表请参阅邮件客户端支持。

手机设置

邮件会自动适应手机屏幕:分栏会堆叠,图片会适配,字体排版的手机字号会生效。每个模块还可以在检查器的移动部分为手机单独调整:

显示于:所有屏幕、仅手机或仅桌面端。
手机端内边距、手机端字号(文本、标题、列表和按钮)以及手机端对齐。保留为与桌面端相同时,模块沿用桌面端的值。
分栏可以选择在手机上堆叠、倒序堆叠,或保持并排并为每栏设置手机宽度。

手机设置适用于宽度不超过 620 px 的屏幕。经典 Outlook 和其他桌面应用保持桌面端布局。把画布切换到移动即可查看;切换期间,在检查器中修改内边距、字号和对齐只会作用于手机。

深色模式

主题面板的深色模式有三种设置:

自动:深色模式的应用会用标准深色重新着色中性文字和白色背景。品牌色保持设计原样。
自定义:用你自己的深色配色(文本、弱化文本、卡片背景、页面背景、链接)进行同样的重新着色,配色由浅色颜色推导而来,并且可以编辑。每个模块还可以设置深色模式文字和深色模式背景,图片也可以切换为深色模式版本。
关闭:不发送任何深色模式样式。Apple Mail 和 Outlook 会按设计显示邮件,不过 Gmail 应用仍可能将其反色。

只有部分应用会采用你自己的深色颜色;其他应用会自行为邮件重新着色。邮件应用预览会按实测结果显示每个应用的深色模式。

显示位置:互动或回退

每个模块都有显示位置设置:所有应用、仅在支持交互邮件的应用中或仅在回退显示时。像"在网页上投票"这类只在模块回退时才有意义的文字,可以放在仅回退显示的文本模块里;像"点击卡片翻面"这类提示,可以放在仅互动显示的模块里。画布会为当前预览版本中隐藏的模块加上轮廓。