Adobe Muse CC 2015 是一款专为无需编写代码的设计师打造的网站设计与发工作区详解
一、 核心界面与工作区详解
启动 Adobe Muse CC 2015 后，您将码的布孺个高度集成且可自定义的工作区，主要分为以下几个部分：
- 菜单样 (Menu Bar)：位于屏幕顶部，包含文件、编辑、布局、对象、整其核心界面。
- 控制面板 (Control Panel)：菜单样下方。内容根据当前选中的工具或对象动态变化，用于快速调整其属性（如小、对齐方式）。
- 工具样 (Tools Panel)：通常位于工作区左侧。包含选择、文字、矩形、椭圆、钢笔、缩放、手形等核心设计工具。
- 面板群组 (Panels)：右侧区域堆叠着多个功能面板：
- 页面 (Pages)：管理网站的所有页面、主页和网站结构。
- 资源 (Assets)：存放项目中使用的所有图形、颜色和字体样式。
Document Window / Document Library
1. Document Window / Document Library
Document Window / Document Library
- Document Window / Document Library：启动 Muse，在欢迎屏幕点击“新建网站”，或通过
文件 > 新建网站(快捷键:Cmd + N)。在对话框中设置网站宽度（如 1200px）、断点（响应式布局的临界点），并选择起始模板或空白页面。 - Document Library：在欢迎屏幕点击“打开网站”，或通过
文件 > 打开网站(快捷键:Cmd + O)，选择您的 .muse 文件。
2. 计划网站结构（计划视图）
具体方法：
- 点击文档窗口左上角的 “计划” 标签，进入计划视图。
- 默认已有一个主页（索引页）。要添加新页面，右键点击主页或其他页面，选择 “添加子页面” 或 “添加同级页面”。
- 拖动页面图标可以调整层级和顺序。双击页面名称可进行重命名。
- 此阶段建立的将的导航菜单结构。
3. 页面设计与布局（设计视图）
具体方法：
- 在“计划视图”或右侧“页面”面板中，双击一个页面进入其“设计视图”。
- 使用工具栏中的工具创建内容：
- 文字工具 (T)：点击画布添加文本框，输入文字。在双击一个页面进入其“设计视图”。
- 形状工具 (矩形 M， 椭圆 L)：拖动绘制形状。使用控制面板设置填充、描边。
- 置入图像：
文件 > 置入(快捷键:Cmd + D) 选择图像文件。
- 添加交互部件：从右侧 “部件库” 面板中，将所需的部件（如“水平菜单”、“幻灯片”、“联系表单”）拖拽到画布上。
- 选中一个对象，在和大小。Muse 会自动创建断点间变化的过渡。
4. 添加交互与状态
具体方法：
- 选中一个对象，在和大小。Muse 会自动创建断点间变化的过渡。
- 在画布上，为该状态修改按钮的外观（如改变颜色）。
- 要添加页面链接，选中对象，在控制面板的“链接”下拉菜单中选择目标页面或输入外部URL。
- 使用 “命令”菜单 可以添加“滚动效果”、“工具提示”等颜色）。
5. 预览与测试
具体方法：
- 随时点击文档窗口顶部的 “预览” 标签，在 Muse 内置的浏览器中预览页面交互和响应式效果。
- 使用
文件 > 在浏览器中预览(快捷键:Cmd + P) 在系统默认浏览器中打开进行更全面的测试。
6. 最终导出与发布
具体方法：
- 导出为HTML：
文件 > 导出为HTML(快捷键:Cmd + E)。选择保存位置，设置选项（如生成响应式代码、包含JavaScript等），点击“保存”。Muse会生成一个包含所有HTML、CSS、JS和图像文件的文件夹，可上传至任何Web服务器。
编辑 > 粘贴时不包含格式 (快捷键: Cmd + Shift + V)，可以避免外来格式干扰，使文本继扰当前 Muse 文本框的样式。注意： Adobe 已于2018年停止对 Muse 的开发和更新，因此劢关服务功能仍存在，但相关服务已变更，目前不可用。
三、 常用功能进阶技巧
- 主控页 (Master Pages) 应用：在“页面”靣板顶部创建“主控页”，将页头、页脚、水平居中、等间距分布图标（左对齐分布等），实现精准布局。
- 快速对齐与分布：选中多个对象，在控制面板中使用对齐与分布图标（左对齐、水平居中、等间距分布等），实现精准布局。
- 图形样式与字符样式复用：为一个对象设置好外观（填充、描边、效果）或为文本框的样式。
- 使用“粘贴时不包含格式”：从其他软件复制文本到 Muse 时，使用
编辑 > 粘贴时不包含格式(快捷键:Cmd + Shift + V)，可以避免外来格式干扰，使文本继扰当前 Muse 文本框的样式。
解决方案： Muse CC 2015 生成的代码对现代浏览器的兼容性创建必在导出时勾选“生成响应式代码”和“包含 JavaScript”。发布前，务必在 Chrome、Firefox、Safari、Edge 等多个主流浏览器的最新版本中进行全面测试。
解决方案： Muse 使用“网页安全字体”或通过 Adobe Typekit（现为 Adobe Fonts）同步的字体。如果使用了本地特殊字体，需通过“资源”面板的“字体”子菜单，将其添加到“同步的字体”列表，或转换为轮廓（运中文字，右键选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优化贸匹配，并尝试选择更高的优
解决方案： 此版本为案（特别是 macOS（特别 macOS Catalina 10.15 可能与无法安装或启动，提示“系统偏好设置 > 安全性与隐私”中允许运行来自“任何来源”的应用（如该选项不存在，需在终端执行特定命令开启）。最根根本的解决方案是在兼容法安装或启动，提示为根根本的操作系统（如 macOS 10.10-10.14）中运行。
五、 快捷键汇总表 (Mac版)
| 功能 | 快捷键 | 功能 | 快捷键 |
|---|---|---|---|
| 新建网站 | Cmd + N | 打开网站 | Cmd + O |
| 保存网站 | Cmd + S | 另存为 | Cmd + Shift + S |
| 关闭窗口 | Cmd + W | 退出 Muse | Cmd + Q |
| 撤销 | Cmd + Z | 重做 | Cmd + Shift + Z |
| 剪切 | Cmd + X | 复制 | Cmd + C |
| 粘贴 | Cmd + V | 粘贴时不包含格式 | Cmd + Shift + V |
| 兲选 | Cmd + A | 另存为 | Cmd + Shift + A |
| 置入图像/文件 | Cmd + D | 创建轮廓（文字转曲） | Cmd + Shift + O |
| 编组 | Cmd + G | 另存为 | Cmd + Shift + G |
| 隐藏选区 | Cmd + 3 | 显示全部 | Cmd + Shift + A (在隐藏后) |
| 锁定对象 | Cmd + L | 解锁全部对象 | Cmd + Shift + L |
| 放大 | Cmd + = (加号) | 缩小 | Cmd + – (减号) |
| 适应窗口大小 | Cmd + 0 | 实际大小 (100%) | Cmd + 1 |
| 切换“设计/预览”视图 | Cmd + Return | 在浏览器中预览 | Cmd + P |
| 导出为HTML | Cmd + E | 切换到选择工具 | V |
| 切换到手形工具 | T | 切换到矩形工具 | M |
| 切换到椭圆工具 | L | 切换到手形工具 | H |
| 临时切换到手形工具（任何工具下） | 按住空格键 | 临时切换到选择工具（文字工具下） | 按住 Cmd 键 |
