Adobe Fireworks 线框图资源和教程

Adobe Fireworks 是网页设计师中最受欢迎的线框图和原型设计应用程序之一。 与任何其他图形编辑器相比，使用 Fireworks 进行原型设计的原因有很多，但我们不会在这篇文章中讨论它们（也许你可以试试这个：Adobe Fireworks 对抗 Photoshop 和 Illustrator 的案例）。

这篇文章将提供一个全面的起点和参考，供任何想要迈出 Fireworks 第一步但不太确定从哪里开始的设计师。

我们承诺，一旦您开始使用 Fireworks 进行线框图制作，您将永远不会回头。

Adobe 的 Fireworks 线框图教程和资源

使用 Fireworks 创建符合标准的网页设计 →
本文展示了如何使用 CSS 导出功能的增强功能，以便您可以创建符合标准的设计。

为 CSS 和图像导出设置 Fireworks 网页设计模型 →
本文首先列出了在准备 Fireworks Web 设计模型以访问 Web 时可以帮助您的关键工具。 然后详细回顾每个工具并提供一些示例。 本文继续介绍一个简单的网站设计模型示例（提供了 PNG 文件）。 最后，本文回顾并帮助您快速优化导出的 CSS/HTML 代码。

使用 Fireworks CS4 设计网站应用程序 →
本教程向您展示了在 Adob​​e Fireworks 中创建网站应用程序的过程——从绘制原始页面设计草图到开发线框，再到创建最终设计。 本文将介绍所有基本工具和说明，以帮助您立即开始在 Fireworks 中创建网站和设计。

Fireworks 中预建的 CSS 模板 →
本文介绍了如何使用提供的示例 PNG 模板来确保充分利用 Fireworks 中的 CSS 导出功能。

在 Fireworks 中创建交互式原型 →
烟花提示和技巧视频。 在本集中，您将学习如何创建交互式原型。

烟花线框图教程

Fireworks：PDF 中的交互式原型

本教程解释了如何直接从 Fireworks 生成 PDF 格式的交互式原型。 这种原型对于与客户进行布局批准或只是为了使设计开发团队之间的沟通更容易非常有用。

在 Fireworks 中构建促销 iPhone 应用程序网站线框

本教程涵盖了在 Fireworks 中为 iPhone 应用程序网站创建线框的设计过程。 对于那些不熟悉 Fireworks 的人来说，这将是一个很好的起点，可以使用它来为您的网页设计项目线框。 本教程是多部分系列的第一部分。

使用 Fireworks 创建基本线框

本教程教您如何使用 Fireworks 构建自己的线框。 它涵盖了线框中必要的 Web 元素和页面链接的基础知识。 本教程中构建的网站并不花哨，但它的简单性让用户专注于我的摄影。

烟花线框图视频教程

Fireworks 中的原型制作 (1 of 3)

在本视频中，您将学习如何在简单网站的原型设计中构建带有状态、菜单和子菜单的导航栏。

Fireworks 中的原型制作 (2 of 3)

在本视频中，您将了解如何在创建网站原型时链接页面。

Fireworks 中的原型制作 (3 of 3)

在本视频中，您将学习如何创建交换图像或不相交翻转并添加交互性。

烟花线框图资源和模板

橙色命令

Orange Commands 是 Fireworks 的大量命令集合，它使网页设计师的生活更轻松，工作流程更快。 Orange Commands 是免费和开源的。

Fireworks 迷你网络线框图套件

Fireworks 迷你网络线框图工具包为您提供了网络线框图的基本形状。 对于其他所有内容，您都可以使用原生 Fireworks，因为 Fireworks 本身就是用于原型设计和线框图制作的绝佳工具。 该文件是 Fireworks 原生的 PNG 格式，这意味着您可以在 Fireworks 中编辑和调整所有形状的大小。

线框库符号

这是一组丰富的（意味着它们具有您可以在符号属性中更改的项目）符号。 这套应该看起来像手绘线框项目。 配色方案旨在看起来像蓝图墨水。

Fireworks 常用库模板

Fireworks 的可下载模板工具包。 该套件采用通用库格式。

黑白公司网站模板

设计用于公司网站的线框模板。 设计是简单的黑白相间。

Android 的烟花模板

Android 的 Fireworks 模板。 Android 用户界面元素已重绘为矢量图像。 在文件夹中，元素大多根据 Android 词汇表进行标记。

用于烟花的 BlackBerry 样机模板

BlackBerry 的 Fireworks 模板。 该模板是为分辨率为 640×480 的 BlackBerry 设备制作的，但由于所有 UI 元素都是矢量图像，因此可以轻松调整其大小。

烟花手势库

触摸手势参考指南是一套独特的资源，供从事基于触摸的用户界面的软件设计人员和开发人员使用。 此处为 Fireworks 重新创建了一组手势作为丰富的符号。

有用的烟花资源

网页版 →
Webportio 是 Fireworks 的图形资源。 所有图形文件都具有良好的结构，因此易于浏览。 这些艺术品是基于矢量的，可以根据您的需要轻松定制。 所有文件都是免费提供的，可用于非商业或商业用途。

烟花区 →
Fireworks Zone 是 Fireworks 爱好者的资源，包含教程、文章、链接库、命令、样式、纹理、图案、自动形状。 据该网站称，它是网络上最大、更新最频繁的 Fireworks 网站之一。

延伸阅读

线框图：提示、工具和技术 →
两篇文章，介绍了一些可用于线框图的相关工具、技术和技巧。 两篇文章中的第一篇概述了这些工具，而下一篇文章介绍了一些技巧和技巧，以使您的线框图过程更加顺畅。

你用烟花做线框吗？

交给你：你用 Fireworks 做线框图吗？ 如果是这样，请随时在下面的评论部分分享您最喜欢的教程、资源和/或模板。