功能摘要 | Adobe Muse CC | 2015 版

Adobe Muse CC 2015.2 和 2015.1 版

Adobe Muse CC(2015.2 和 2015.1)版中引入了几种令人兴奋的全新功能和增强功能,包括与 Adobe Comp CC 集成、经过改进的浏览器内编辑工作流程、响应式布局中的滚动效果、新的椭圆工具、CC Libraries 增强功能。继续阅读以了解有关新功能的更多信息,以及提供更多学习资源的链接。

Adobe Muse 2015.2 中的新功能和增强功能

与 Adobe Comp CC 集成

Adobe Muse CC 2015.2 中的新增功能 | 2016 年 6 月

现在,Adobe Muse 与 Adobe Comp CC 集成;Adobe Comp CC 是适用于 iPhone 和 iPad 的应用程序。该应用程序填补了移动设备和台式机之间的鸿沟,使您可以随时随地创建您的布局。

Comp CC 可让您通过手势添加矩形、图像占位符或文本框等组件。该应用程序可将这些手势转化为清晰的图形,让您在几分钟内完成您的布局。

Comp CC 还与 Creative Cloud Libraries 集成。这意味着您可以在诸如 Photoshop 之类的应用程序中创建菜单或标签,并为 Adobe Muse 布局使用资源。此外,在 Comp CC 中对布局进行线框设计时,您还可以使用 Adobe Muse 中的构件(如地图或联系人表单。

通过 Adobe Muse 与 Comp CC 的集成,您可以创建布局草稿并通过单击一下将其置于 Adobe Muse 中。然后,您还可以在 Adobe Muse 中为您的布局添加收尾工作。要了解如何结合使用 Comp CC 与 Adobe Muse,请参阅 Adobe Muse 与 Adobe Comp CC 集成。您还可以查看与使用 Comp CC 创建 Adobe Muse 布局相关的示例工作流程。

浏览器内编辑

Adobe Muse CC 2015.2 中的新增功能 | 2016 年 6 月

Adobe Muse 中的浏览器内编辑功能现具有经过改进的新用户界面。此 Adobe Muse 版本中的浏览器内编辑支持以下新功能:

  • 查看可编辑项:您可以长按“浏览器内编辑”页面,以查看可编辑的所有项。
  • 编辑页面上的文本:您可以在浏览器内编辑器中编辑文本,并查看您在键入时所做的更改。
  • 撤销/重做更改:您现在可以撤销和重做您的更改。
  • 缩短加载时间:与以前相比,浏览器内编辑器的加载时间更短。
  • 在编辑时选择布局:您还具有一个使用 Adobe Muse 中的替代布局创建的样式网站的下拉列表。

要查看与每项功能相关的详细信息,请参阅使用浏览器内编辑器编辑网站内容

新的“开始”屏幕

Adobe Muse CC 2015.2 中的新增功能 | 2016 年 6 月

Adobe Muse 中的“欢迎”屏幕或“开始”屏幕已更新为包括许多新功能,如“新建”和“打开”菜单已成为所有 Creative Cloud 应用程序中的常用菜单。“开始”屏幕显示最近打开过的文件以及诸如文件名、上次打开时间、文件大小和文件类型之类的详细信息。

新的 CCX“开始”屏幕
Adobe Muse 中的新“欢迎”屏幕

资源收集器

Adobe Muse CC 2015.2 中的新增功能 | 2016 年 6 月

使用“资源”面板中的新资源收集器工具来将您的所有资源从一个位置移至另一个位置。现在,您可以将您的所有资源复制到计算机或硬盘上的单个文件夹。将文件保存到单个目标位置,并且只需单击几下即可移动您的 Adobe Muse 项目。

资源收集器
Adobe Muse 中的资源收集器

椭圆工具

Adobe Muse CC 2015.2 中的新增功能 | 2016 年 6 月

借助新的椭圆工具,让您的网站更加完善。直接使用此工具创建椭圆,并按住 Shift 键和此工具即可创建圆圈。要了解如何使用椭圆工具,请参阅处理对象

响应式设计改进

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

响应式构件

现在,YouTube 和 Vimeo 构件可根据高度和宽度进行响应。在响应式网站使用这些构件,并观察它们按浏览器宽度成比例缩放。

矩形框架现在可根据高度和宽度进行响应。

垂直移动控点

Adobe Muse 中的新垂直移动手柄使您能够轻松地将对象作为组移动。当您在 Adobe Muse 响应式布局中选择对象时,垂直移动手柄将显示在左边距中。此手柄使您能够同时选择并移动选定的对象及其下方的对象。

编辑最小页面宽度

现在,您可以使用中断点栏直接编辑“最小页面宽度”。在中断点栏中,将鼠标移至最小页面大小区域的边缘。当光标变为调整大小光标时,单击并拖动以调整“最小页面宽度”。

请参阅在响应式布局中设计对象布局,了解与每个增强功能相关的更多信息。

CC Libraries 改进

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

现在,您可以将 CC Libraries 中的色板添加到“色板”面板。此外,您还可以从 CC Libraries 中选择多种颜色,并将其添加到“色板”面板。

您还可以从 CC Libraries 中选择一种颜色,并将其设置为 Adobe Muse 中的笔触或文本颜色。

要了解如何使用 Adobe Muse CC Libraries 中的颜色,请参阅使用 CC Libraries 中的颜色部分。

计划视图增强功能

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

Adobe Muse 中的计划视图现包括垂直布局选项。在上一版本之前,您只能在水平视图中查看网站的层次和结构。现在,只需单击 (垂直网站地图显示图标)即可以垂直方式查看复杂的网站计划。

经过改进的 Google PageSpeed 排名

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

现在,Adobe Muse 会异步加载所有 JavaScript。此外,如果您的网站托管在 Apache Web 服务器上并且使用 FTP 上传网站,则会为 CSS、图像和 JavaScript 文件启用浏览器缓存。这些更改有助于提高 Google PageSpeed 排名。

新的及现有的网站目前等到网页字体可用后再显示页面。现在,您可以选择是否允许使用替补字体加快页面加载速度。您可以通过“属性”对话框中的“高级”选项卡 >“Web 字体”菜单启用此选项。

经过改进的 Illustrator 工作流程

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

现在,您可以将计算机或硬盘中的 Illustrator (.ai) 文件导入 Adobe Muse,无需先将其导出为 SVG 文件。

图像框架增强功能

Adobe Muse CC 2015.2 中的增强功能 | 2016 年 6 月

Adobe Muse 中的新图像框架工具使您能够创建矩形和椭圆形框架。现在,您可以轻松地为您的网站创建图像占位符,方法是单击“工具”面板中的框架,并将该框架置于 Adobe Muse 项目中。您可以使用多个框架来创建线框或布局,并在图像完成之后填充框架。

图像框架工具
图像框架工具

Adobe Muse 2015.1 中的新功能和增强功能

响应式网页设计

Adobe Muse CC 2015.1 中的新增功能 | 2016 年 2 月

现在,无需进行任何编码,您就可以为不同屏幕尺寸创建独特的响应式网站。Adobe Muse 提供了无限制性模板或网格的空白画布,用于设计响应式网站。

在以前版本的 Adobe Muse 中,您只能创建自适应网站。即,适用于不同设备的浏览器宽度的网站。页面及页面元素无法流动,或者不会针对每个浏览器的宽度进行缩放。页面布局只固定适合于特定的浏览器宽度。

借助 Adobe Muse 中的响应式网页设计功能,您可以使用一个 Muse 文件创建适合于不同浏览器宽度的各种布局。页面是流动的。也就是说,它们将按浏览器宽度成比例缩放。因此,您无需再为移动设备、平板电脑和台式机单独创建和维护页面。

如果您是设计新手或希望快速开始设计,则您可以使用适合于响应式网站的初学者模板。如果您喜欢从空白画布开始,则可以通过创建具有流动布局的网站来实现。想要将现有网站转换为响应式布局?没问题,Muse 也可以帮您实现。 

要了解如何创建和更新响应式网站,请参阅在 Adobe Muse 中创建响应式网站。此外,您还可以观看有关在 Adobe Muse 中创建响应式网站的视频教程

用于响应式网页设计的初学者文件

通过响应式初学者模板快速开始设计。Adobe Muse 提供可自定义的响应式初学者文件,可通过 Adobe Muse 网站访问这些文件。选择适当的模板,打开并添加内容,以满足您的需求。需要时,添加新的中断点或编辑默认中断点。自定义设计并通过单击几下发布您的响应式网站。

有关 Adobe Muse 的响应式设计的更多信息,请参阅使用响应式初学者模板

Adobe Muse 中的 Creative Cloud Libraries

Adobe Muse CC 2015.1 中的新增功能 | 2016 年 2 月

由 Adobe CreativeSync 技术提供支持的 Creative Cloud Libraries 可让您从家中、办公室甚至是在外出时访问您喜欢的资源。使用 Photoshop、Illustrator 或移动应用程序(例如 Adobe Capture CC)创建图像、颜色等。访问其他桌面和移动应用程序中的资源,以实现无缝的创作工作流程。

Adobe Muse 中的 Creative Cloud 集成可让您创建自己的资源并与全球其他 Creative Cloud 用户分享这些资源。您还可以访问、导入和使用通过 Creative Cloud Libraries 提供的所有资源。使用 CC Libraries 面板(窗口 > CC Libraries)访问 Adobe Muse 中的 Creative Cloud Libraries。

现在,您可以通过 Creative Cloud Libraries 来访问 Creative Cloud Charts。Creative Cloud Charts 可让您创建图表并将其作为链接资源插入到 Adobe Muse。这意味着每当图表中的数据发生更改时,Adobe Muse 中的图表将自动更新。

有关使用 Adobe Muse 中的 Creative Cloud Libraries 的更多信息,请参阅 Adobe Muse 中的 Creative Cloud Libraries

要查看关于 Creative Cloud Libraries 的视频教程,请单击此链接

状态过渡

Adobe Muse CC 2015.1 中的新增功能 | 2016 年 2 月

通过在网页中为不同元素应用过渡,可以使您的设计更加有趣、更具吸引力。在每个元素中,您还可以为每种状态过渡设置延迟、持续时间和定时选项。

选择要为其设置过渡状态的菜单或按钮。选择“窗口”>“状态”。当您在顶部面板的“菜单项”中单击“正常”、“活动”或“滚动”状态时,您可以看到“过渡”选项。

已发布网站内的过渡状态取决于用于支持 CSS3 过渡的 W3C 规范的浏览器功能。 

要轻松在您的网站内实施状态过渡,请观看此视频

SVG 图形改进

Adobe Muse CC 2015.1 中的新增功能 | 2016 年 2 月

Adobe Muse 2015.1 可让您将 SCG 文件导入图像框架、裁剪图像并应用填充和笔触。如果没有任何框架,您现在可以直接导入 SVG 文件、创建框架并裁剪图像。您还可以将 SVG 图像添加到幻灯片。这些 SVG 图形改进可让您在设计幻灯片时获得更大灵活性。

通过观看此视频教程,了解有关 SVG 增强功能的更多信息。

Adobe Muse 2015.1 中的增强功能

Adobe Muse CC 2015.1 中的增强功能 | 2016 年 2 月

“色板”面板中,您现在可以通过 上下文菜单导入和导出色板库。

Adobe Muse 2015.1 支持在 Exif 内容中进行旋转检测。如果已置入,包含嵌入的旋转信息的图像现在可以进行横向旋转。

通过删除现有图像框架的图像内容,您现在可以创建空白图像框架。双击置入的图像,然后按 Delete 键。空白图像框架将具有占位符。

Adobe 徽标

登录到您的帐户