活动中的交互版面

假设 Brad 负责某乐队的发布。 该乐队具有持续更新的旅行安排。 Brad 的工作是确保:

  • 乐队拥有包括最新旅行安排的伟大 SWF 站点。
  • 乐队还拥有包括最新旅行安排的针对没有 Flash Player 拥趸的伟大 HTML 站点。
  • 乐队拥有一个邮件列表,定期收到显示当前旅行安排的打印直接邮件。

一旦决定乐队的图形外观,Brad 会使用 QuarkXPress 项目中的打印版面编写直接邮件,然后导入当前的旅行安排。

QuarkXpress example interactive print layout 活动中的交互版面

一个标准 QuarkXPress 打印版面。

一旦按自己喜欢的方式设计直接邮件,他选择版面 > 复制将内容复制到相同项目中的 Web 版面。 现在他可使用相同文件中页面的 HTML 版本。

QuarkXpress example interactive web layout 活动中的交互版面

通过复制打印版面创建的 Web 版面。

现在通过再次选择版面 > 复制,他将 Web 版面复制到交互版面。

要添加某些交互,他决定在最终用户打开 SWF 展示时,让吉他从右侧滑入。 要完成此效果,他进行以下操作:

  • 他添加一条红线,作为吉他滑行的路径。 使用交互调色板,他让其成为基本对象并命名为“GuitarPath”。 在选项下面,他选择初始隐藏(以便最终用户无法看到红线)。
  • 他选择吉他图形并使用交互调色板,让其成为一个名为“SlidingGuitar”的动画对象。 要指示它应沿红线移动,他从显示为下拉菜单选择路径上的项目,然后从路径下拉菜单选择 GuitarPath(红线)。 要设置滑动速度,他在速度字段中输入 4。

QuarkXpress example interactive layout 活动中的交互版面

使用对象选项卡将项目放入动画对象。

为了让此动画播放,Brad 执行两项操作:

  1. 他创建一个播放动画的脚本。
    QuarkXpress example script playanimation 活动中的交互版面

    脚本选项卡提示您创建脚本。

  2. 他将脚本绑定到展示的第一页,以便它在通过从条目脚本下拉菜单为该页选择脚本名称而显示该页时运行。
    QuarkXpress example page script playanimation 活动中的交互版面

    页面选项卡允许您将脚本分配到页面。

现在 Brad 希望添加将在单独窗口中打开乐队经理 HTML 站点的按钮。 要创建按钮,他绘制一个图片框,将其命名为“WebSiteButton”,从对象类型下拉菜单选择按钮,然后从按钮下拉菜单选择新建。 这用四个页面创建按钮版面,Brad 在其中构建按钮对象的四种状态(仅使用 QuarkXPress 工具)。 不同的按钮状态让 Brad 为最终用户提供反馈;如果每种状态的图像不同,按钮的外观会根据其上或下、启用或禁用状态更改。

QuarkXpress example button pagelayout 活动中的交互版面

页面版面调色板允许您查看正在创建的按钮状态。

现在 Brad 必须配置该按钮,以便切换回展示版面并设置按钮以打开乐队的网站,方法是将打开 URL 活动添加到按钮对象的向上单击用户事件。

QuarkXpress example websitebutton 活动中的交互版面

事件选项卡允许您将事件分配到按钮对象的各种状态。

现在 Brad 希望将动画徽标顺序添加到展示。 要创建图像顺序,他绘制一个图片框,将其命名为“AnimatedLogo”,从对象类型下拉菜单选择动画,从显示为下拉菜单选择方框中的顺序,然后从顺序下拉菜单选择新建。 这创建图像顺序版面。 Brad 将 10 个页面添加到图像顺序版面,然后通过在每页
上放置一个帧构建动画的 11 个帧。

QuarkXpress example image sequence 活动中的交互版面

页面版面调色板允许您按图像顺序预览帧。

为了让动画播放,他添加一个播放动画到用于启动“滑动吉他”动画的相同脚本。

乐队旅行安排的 SWF 页面已经就绪,因此他选择文件 > 导出 > Macromedia Flash 导出程序,建立他的导出选项,并采用 SWF 格式导出展示。

QuarkXpress example interactive export 活动中的交互版面

Macromedia Flash 导出程序对话框允许您控制导出选项。

当页面的全部三个版本 — 打印、Web 和交互 — 都是他希望的方式时,他使用共享内容调色板在全部三个版面中同步旅行安排。 然后他打印打印版面、将 Web 版面导出到 HTML,然后采用 SWF 格式导出交互版面。

一周后,旅行安排的新版本到来。 Brad 打开对象并在打印版面中输入新的安排。 通过拆分他的视图,他可立即看到正在更新的其他两个版面。

QuarkXpress example interactive split window 活动中的交互版面

QuarkXPress 多版面视图功能允许您观看在打印版面和交互版面中同时更新的内容。

现在只是导出 Web 和交互版面的功能,站点就会得到更新。 如果该打印新的直接邮件,也可以随时打印。

父主题: 理解交互版面

活动中的交互版面