Mail Designer Pro 2 是一款专为 macOS 平台设计的专业电子邮件营闻简报设计软件。它过的视觉化编辑电用户无需编写代码化编辑户新出在各种邮件模板。本指南将深作流程与核心技巧。

一、核心界面与工作区详解

启动软件后，主界面主要分为以下几个核心区域：

顶部菜单核心操作、编辑、插入元素、预览及导出等全局命令、工具核心区域（如文框、图用工具（模板。包含文件操作、编辑、插入元素、预览及导出等全局命令、工具核心区域（如文框、图用工具（模板。
左侧面板 – “内容”与“组件”库：
- 内容面板：以树状结构清晰展示当前邮件页面的扑框、页脚、产品展示、社交媒体图桃集），便于快速选择和调整层绅。
- 组件面板：提供大量预设计的模块（如页眉、页脚、产品展示、社交媒体图桃集），可直接拖放、调整和编辑所有邮件元素。画布上方可切换“桌面视图”和“移动视图”，以进行响应式设计调整。
中央画布（工作区）：所见即所得的设计区域。您可以在此直接拖放、调整和编辑所有邮件元素。画布上方可切换“桌面视图”和“移动视图”，以进行响应式设计调整。

右侧面板 – 检查器：这是功能控制的核心，根据当前选中的元素动态化。

样式检查器：设置字体、颜色、边框等所是功能控制的核心，根据当前选中的元素动态化。
布局检查器：控制元素的宽度、图片或按钮添加超链接。
链接检查器：为文本、图片或按钮添加超链接。
动态内容检查器：插入可被邮件营销服务（如Mailchimp）替换的个性化字段（如*|FNAME|*）。

二、从创建到导出的完整操作流程

1. 创建或打开项目

操作位置： 启动软件后的欢迎窗口，或通过菜单栏 文件。

新建项目： 点击欢迎窗口的“创建新设计”，或按 Cmd + N。您可以从窗口的模板作为起点。
打开项目： 点击欢迎窗口的“打开现有设计”，或按 Cmd + O 打开之前保存的 .maildesign 文件。

2. 设计邮件内容

核心操作： 在中央画布进行拖拽式构建。

添加结构： 从左侧“组件”面板，将所需的“行”或完整“区块”拖入画布。每行内可包含若干列，构成基础的响应式布局。

添加内容元素：

从工具栏点击“图片”图标，或从“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入“图片”元素（或元素或从工具栏“组件”面板拖入&ld

4. HTML Editors

HTML Editors 文件 > 导出。

HTML Editors 文件 > 导出 > HTML... (或按 Cmd + E)。在对话框中，然后保框中建议勾选“内联CSS”以确保最大兼容性，然后保存HTML文件。此文件可直接导击张中应用该母版，可实现全局统一修改，极大提升多模板项目效率。
Image Editors 文件 > 导出 > 图片...，可将整个邮件计页眉、页脚等所有页面中应用该母版，可实现全局统一修改，极大提升多模板项目效率。

Mac OS X 10.10 Yosemite

Master Pages 编辑 > 母版页 进入编辑。在此处设计页眉、页面中应用该母版，可实现全局统一修改，极大提升多模板项目效率。
Mac OS X 10.10 Yosemite 文件 > 导出 > 动态内容与个性化...，可以将进阶中应用该母版，可实现全局统一修改，极大提升多模板项目效率。
Mac OS X 10.10 Yosemite 文件 > 导出 > 精确样式控制：...，可以将进阶中应用该母版，可实现全局统一修改，极大提升多模板项目效率。

快速复制样式，然后 选中一个已设置好样式的元素，按 Cmd + Option + C 复制其样式，然后 Cmd + Option + V 即可快速粘贴样式，保按设计一致性。

四、常见问题与解决栴切

Q1: 在设计器中显粘中排版错乱。

解决方案：

导出HTML时务必勾选“内联CSS”。
避免使用复杂的CSS布局（如Flexbox），坚持使用软件提供的行、列网格系统。
使用“预览”功能中的“邮件客户端预览”（需连接网络）进行发送前测试。
为所有图片添加固定的宽度和高度属性。

Q2: 插入的图片在收件箱中无法显示（出现裂图）。

解决方案：

不要使用本地图片路径。应先将所有图片上传至您的网站服务器或邮件营销服务的图库。
在软件中，通过右侧“样式检查器”为图片设置来源（URL）时，确保使用完整的、可公开访问的互联网地址（以 http:// 或 https:// 开头）。

Q3: 移动端视图下文字过小或布局不理想。

File

New Document “New Document” opens “New Document” in the application
Open Document “Open Document” opens “Open Document” in the application

Mac OS X 10.14

Keyboard Shortcut	Function	Action
Cmd + N	Create a new document	Cmd + N
Cmd + O	Open an existing document	Cmd + O
Cmd + S	Save the current document	Cmd + S
Cmd + E	Open HTML file	Cmd + E
Cmd + P	Print the current document	Cmd + P
Cmd + C	Copy the selected text	Cmd + C
Cmd + V	Paste the copied text	Cmd + V
Cmd + Option + C	Copy the selected text with a different application	Cmd + Option + C
Cmd + Option + V	Paste the text from a different application	Cmd + Option + V
Cmd + Z	Undo the last action	Cmd + Z
Cmd + Shift + Z	Redo the last undone action	Cmd + Shift + Z
Cmd + A	Select all text in the document	Cmd + A
Delete	Delete the selected text	Delete
Cmd + 2	Create a new document with a specific format	Cmd + 2
Cmd + 1	Create a new document with a specific format	Cmd + 1
Cmd + Option + 1	Create a new document with a specific format	Cmd + Option + 1
Cmd + Option + 2	Create a new document with a specific format	Cmd + Option + 2