一个 Fireworks PNG 文件可以包含多个页面,从而为创建 Web 界面和应用程序界面的原型提供了一种极好的方式。每个页面都包含画布大小和颜色、图像分辨率以及辅助线的独特设置。这些设置可以在每个页面的基础上进行设置,也可以在文档的所有页面中以全局方式进行设置。除网页层之外,每个页面还包含一组独特的层。但是,对于公用元素,您可以使用主页或在页面之间共享层。(请参阅共享层。)

注意:

如果未创建任何页面,则文档的所有元素都将驻留在一个页面上。

在“页面”面板中查看页面,每个页面中的对象都会显示在页面名称旁边的缩略图中。活动页面会在面板中高亮显示,并且显示在活动文档上面的页面弹出菜单中。

有关导出页面的信息,请参阅从工作区导出

视频

使用 Fireworks 或 Photoshop 创建高保真原型 (00:01:17)

简要了解如何使用 Fireworks 或 Photoshop 创建高保真原型。

作者:Jim Babbage

添加、删除和导航页面

使用“页面”面板,可以添加新页面,删除不需要的页面以及复制现有页面。在添加、删除或移动页面时,Fireworks 会自动更新页面标题左边的数值。这些自动数值可帮助您快速定位到多页大型设计中的特定页面。

添加页面

空白页面会插入到页面列表的末尾,并且成为活动页面。

  1. 执行下列操作之一:

    • 在“页面”面板中,单击“新建/复制页”按钮 

    • 右键单击面板,然后从弹出菜单中选择“新建页面”。

    • 选择“编辑”>“插入”>“页面”。

  1. 执行下列操作之一:

    • 在“页面”面板中,选择一个页面。

    • 在键盘上,使用 Page Up 和 Page Down 按钮。

    • 从文档窗口顶部的页面弹出菜单或“页面”面板的右下角选择页面。

    注意:

    页面弹出菜单中的页面名称旁边的星号表示主页。

复制页面

复制操作会添加一个新页面,它包含与当前所选页面相同的对象和图层层次结构。复制的对象保留原始对象的不透明度和混合模式。可以对复制的对象进行更改而不影响原始对象。

  1. 执行下列操作之一:

    • 将页面拖到“新建/复制页”按钮上。

    • 右键单击页面,然后从弹出菜单中选择“复制页”。

移动一个或多个页面

在“页面”面板中,移动页面使相关设计靠得更近,加快布局过程。

  1. (可选)如果您要移动多个页面,请执行下列操作之一:

    • 按住 Shift 并单击页面可选择一个连续的组。

    • 按住 Ctrl(在 Windows 中)或 Command(在 Mac OS 中)并单击页面可选择一个不连续的组。

  2. 在面板中向上或向下拖动所选页面。在其它页面的上方和下方会显示变暗的边框,您可以在此释放鼠标来移动所选页面。

删除页面

删除的页面上方的页面会成为活动页面。

  1. 执行下列操作之一:

    • 在“页面”面板中,将页面拖到垃圾桶图标  上。

    • 右键单击页面,然后从弹出菜单中选择“删除页”。

编辑页面画布

每个页面都有独特的画布,具有独立的画布大小、颜色和图像分辨率。

  1. 从“页面”面板或文档窗口顶部的页面弹出菜单中选择一个页面。

  2. 选择“修改”>“画布”>“图像大小”,“修改”>“画布”>“画布颜色”,或者“修改”>“画布”>“画布大小”。

  3. 进行更改。还可以在选择页面的画布时,使用“属性”面板执行这些更改。

  4. 若要将更改仅应用于所选页面,请保持选中“仅限当前页”选项。若要将更改应用于所有页面,请取消选中该选项。

使用主页

若要在所有页面中使用一组元素,请使用主页。将普通页转换为主页时,该页会移至“页面”面板中的列表顶部。创建主页时,会将主页层添加到每个页面的图层层次结构的底部。

创建主页

  1. 在“页面”面板中,右键单击现有页,然后从弹出菜单中选择“设置为主页”。

在页面之间共享的层会成为普通(非共享)的层。但是,在帧间共享的层会保留原样。若要显示链接页面中的主页帧,请参阅查看状态中的对象

在创建主页后,任何新创建的页面都会自动继承主页设置。现有页面不会继承这些设置,除非您将它们链接到主页。如果以后更改主页,则所有链接的页面都会自动更新。

以下限制适用于从主页到其它页面的对象和行为继承:

  • 页面仅继承主页中所有对象的当前状态。若要继承所有对象的所有状态,请在每个页面上将等效状态或更多状态添加到具有最多状态数的对象。该页中的所有对象继承主页中的所有状态。

  • 在主页上对画布大小或图像大小所做的更改将影响所有页面,包括未链接到主页的页面。若要仅限于对当前页面进行更改,请选择“仅限当前页面”。

  • 只有链接的页面会继承对主页的画布颜色所做的更改。

  1. 执行下列操作之一:

    • 在“页面”面板中,右键单击页面,然后从弹出菜单中选择“链接到主页”。

    • 在“页面”面板中的页面缩略图左侧的列中单击。即会显示一个链接图标,表示该页面已链接到主页。

      :在链接至主页的页面上更改设置时,会在新设置生效后中断与主页的链接。

显示或隐藏主页层

可见性更改会反映在所有页面中。

  1. 在“层”面板中,单击主页层左侧的眼睛图标。

删除主页层

  1. 右键单击“层”面板,然后从弹出菜单中选择“删除主页层”。

若要将主页层添加回页面,请右键单击“层”面板,然后从弹出菜单中选择“添加主页层”。

将主页更改回普通页面

  1. 右键单击“页面”面板,然后从弹出菜单中选择“重置主页”。

导出所选页面

可以一步导出多个页面。只能导出所选页面。导出页面时,使用为各个页面指定的优化设置导出文件。

  1. 在“页面”面板中,选择要导出的页面。

  2. 右键单击并选择“导出所选页面”。

  3. 在“导出”对话框中,从“导出菜单”中选择其中一个选项:

    层到文件

    将所选页面中的层导出为单个文件。

    状态到文件

    将所选页面中的状态导出为单个文件。

    页面到文件

    将所选页面导出为单个文件。

导出页面时自定义文件名称

  1. 在“页面”面板中,选择要导出的页面。

  2. 右键单击并选择“导出所选页面”。

  3. 在“导出”对话框中,单击“选项”。“选项”按钮将基于“导出”菜单中选定的选项启用。

  4. 在“导出选项”对话框中,选择“添加前缀”或“添加后缀”并从该菜单中选择一个选项。可以使用下列选项之一命名文件:

    doc.name

    将源文件的名称作为前缀或后缀添加。例如,如果使用“添加前缀”选项从源文件 sites.png 中导出名称为 Index 的页面,则会生成一个名称为 Sites_Index.gif 的文件。

    数字(1、2、3...或 01、02、03...)

    按照添加到前缀或后缀的数字的数字顺序生成文件。按照出现在页面面板中的顺序对所有导出的页面文件进行编号。导出很多页面时,使用双位顺序。

  5. 使用“文件类型”菜单中的选项优化导出文件的设置。

导出所选页面中的切片

导出文件时忽略源文件中的切片。若要导出切片,请在“导出”对话框中使用下列设置。

  1. 在“导出”菜单中选择“HTML 和图像”或“仅图像”。

  2. 从“HTML”菜单中选择“导出 HTML 文件”。

  3. 从“切片”菜单中选择“导出切片”。

  4. 选择下列选项之一:

    仅已选切片

    导出标记为切片的区域。

    包括无切片区域

    也导出未标记为切片的区域。

多页预览

导入或打开文件时预览除主页之外的所有页面。打开文件时在预览期间选择的页面成为焦点。

插入包含主层中对象的页面时,会将该主层转换为一个普通层并导入该页面。

启用多页预览

当导入或打开文件时预览文件中的所有页面。在“首选参数”对话框中,默认情况下启用多页预览选项。

若要为以前版本中创建的文件启用多页预览,请在当前版本中打开并保存它们。

  1. 在“首选参数”对话框中,选择“常规”。

  2. 选择“按页面缩略图保存”以启用多页预览。如果该选项被禁用,则存储页面名称,但不会为这些文件生成缩略图。

打开或导入之前预览页面

  • 在 Windows 中,导入或打开文件时预览显示在“导入”或“打开”对话框中。

  • 在 Mac 中,单击“打开”或“导入”对话框中的“预览”。也可以在“导入”对话框中双击文件以进入预览模式。

    导入文件时,选择“在当前页面后插入”来将导入的页面添加到文档中当前选择的页面后面。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略