fireworks8.0(fireworks8.0和fireworks cs6区别)

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中继器是当年我从入门到放弃的三样，因为工作的需要，在这一周的时间里，我同时需要掌握这三样技能，真的是出来混迟早是要还的啊…

经过一周的学习，加上之前的一点点基础，Photoshop和Project已经算是入门了，能够满足日常的需要，而Axure的中继器除了比较复杂的函数，其他也基本都掌握。

本来这篇文章是打算将自定义部件库与中继器一起写的，后来发现中继器的东西比较多，足以单独开一篇文章来写了，所以就决定将文章拆成两部分，这篇写自建部件库，下篇文章写中继器。

绘制原型的工具有很多种，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，还有神器2B铅笔和纸，形式并不重要，重要的是如何能够将你的想法展现出来。

在诸多软件中，Axure的使用频次和范围相对而言应该是最广泛的，然而Axure一些功能的使用程度则相对较低，比如动态面板、中继器以及自建元件库。

第一，说明一下为什么要自建元件库以及自建元件库有什么好处。很多人在下载安装Axure之后，都会去网上找一些元件库的部件导入到Axure中去，其实这些元件也就是别人自建的，大多数情况都是一些通用的控件。

除了一些通用的元件之外，也会有一些我们自己创建的，可能会经常需要进行复用的一些元件，在这样的情况下就可以将这些经常复用的元件建立在自己的自定义部件库里，既能够提高作图的效率，节省时间，又能够保证界面的一致性，彰显专业性，何乐而不为呢？

自建部件库其实比较简单，难的是需要能够根据自己的需要来持续不断的对部件库进行更新，常见的复用较多的部件可能会有以下几种：列表类、导航栏、标签栏、弹窗、toast、通知、图标等，下图是我自己常用的一些自建部件库。

接下来我们就开始愉快的建立自己的部件库吧…

1. 点击【选择部件库】右侧的图标，会弹出一个下拉列表，点击【创建部件库】

2. 点击【创建部件库】后会弹出一个弹窗，我将文件保存在桌面，名字为test，新文件的图标与Axure创建的RP文件比较类似，但是可以看到部件库文件的类型为Axure RP 部件库文件，创建部件库完成之后，Axure会默认打开新创建的部件库文件。

3. 部件库文件与普通的RP文件的**作并没有什么不同，创建自己需要的元件就可以了，文件夹的层级是并列的，相当于一级分类，文件夹的子级页面就是从属于文件夹的部件。

为了便于寻找和使用元件，最好将元件进行分类，第二每个自己页面放置一个元件，创建完成自己需要的元件，保存即可。

4. 保存完成之后，将新建的部件库文件放置在Axure软件的部件库里，就可以正常使用这些新部件了。

很多时候很多人不知道自己把软件安装在哪里了，这里有个快捷**作，选中Axure图标点击右键，点击【属性】，弹出如下弹窗，点击【打开文件夹位置】，即可快速找到软件安装的位置。

5. 进入文件夹所在的位置之后，找到【DefaultSettings】文件夹，双击进入

6. 在【DefaultSettings】文件夹中会有着一些文件夹，找到【Libraries】文件夹，双击进入

7. 【 Libraries】文件夹里就是Axure的一些部件库，将新创建的部件库**移动进去即可

8. 此时在【选择部件库】中，就能够看到新添加的部件库，如果Axure之前是在运行状态，则不会看到新添加的部件库，退出重新进入即可看到新添加的部件库。

9. 选择新添加的部件库，见下图，可以看到在之前创建的时候，文件夹即部件库的分类，每一个页面里的元件即一个单独的部件。

10. 收工，不断的迭代更新…

Axure 7.0中创建的部件库在Axure 8.0中是能够使用的，反之则不能够正常使用，用Axure 8.0的朋友们多注意一些。以上是Windows**作系统下Axure 7.0创建自建部件库的具体**作，理论上Mac上也是行的通的，然而我并没有实践过，因为木有Mac啊，Mac的小伙伴们可以自行测试一下…

以上就是本文的主要内容，下篇文章写中继器相关的一些知识，欢迎斧正、指点、拍砖…

*本文由 @王家郴 原创发布于产品壹佰（**：chanpin100ghsd），未经许可，禁止转载。

拓展知识：

fireworks8.0

　　想学会一个软件，第一就得弄明白这一款软件的作用是什么，本质是什么，只有弄懂了才更快上手。下面是我为大家整理的是网页作图软件Fireworks一些简单的介绍，希望大家喜欢!

　　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余 爱好 者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

　　1.创建编辑编辑

　　创建和编辑矢量图像与位图图像，并导入和编辑本机Photoshop和Illustrator文件。

　　2.图像优化编辑

　　采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件，针对各种交互情况优化图像。

　　3.高效集成编辑

　　导入 Photoshop (PSD) 文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

　　4.原型构建编辑

　　网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver，将 RIA 原型导出至 Adobe Flex。

　　5.支持多页编辑

　　使用新的页面板在单个文档 (PNG 文件) 中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

　　6.组织方式编辑

　　采用与Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织Web 图层和页面。

　　7.滤镜效果编辑

　　应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式)，增加文本和元件的深度和特性。

　　8.公用库存编辑

　　公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

　　9.智能缩放编辑

　　通过切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

　　10.简化集成编辑

　　** Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3，导出时可保持矢量、位图、动画和多状态不变，第二在 Flash CS3 中编辑文件。

　　11.必知功能编辑

　　众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大(因为它是适合处理印刷品，要求比较清晰)，最终还是要用Fireworks来处理一下。

　　在优化面板里有“导出jpg较高品质”，导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里这个功能怎样。

　　12.主要说明编辑

　　为Macromedia家族的一员，三剑客之一的FW，这款软件的主要任务和特色就是制作矢量图为网页服务，FW也是Flash的最佳伴侣，在三剑客的MX系列中，FW和Flash的联系更为紧密，所以无论是网页制作和Flash制作，Fw都是不可或缺的利器.在Fw3年的应用实践过程中，我无时无刻不在感受她的卓越和便利。的确，网页制作看重的是效果和速度，并不是你用的软件专业与否，你用了多少个软件作出的网页，设计师作出的网页是为了让大家接受而不是显示自己的本领，在这样的前提下，Fw的确是最好的选择，最好的矢量图效果，最快的速度，如果不选择FW，又选择什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中继器是当年我从入门到放弃的三样，因为工作的需要，在这一周的时间里，我同时需要掌握这三样技能，真的是出来混迟早是要还的啊…

经过一周的学习，加上之前的一点点基础，Photoshop和Project已经算是入门了，能够满足日常的需要，而Axure的中继器除了比较复杂的函数，其他也基本都掌握。

本来这篇文章是打算将自定义部件库与中继器一起写的，后来发现中继器的东西比较多，足以单独开一篇文章来写了，所以就决定将文章拆成两部分，这篇写自建部件库，下篇文章写中继器。

绘制原型的工具有很多种，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，还有神器2B铅笔和纸，形式并不重要，重要的是如何能够将你的想法展现出来。

在诸多软件中，Axure的使用频次和范围相对而言应该是最广泛的，然而Axure一些功能的使用程度则相对较低，比如动态面板、中继器以及自建元件库。

第一，说明一下为什么要自建元件库以及自建元件库有什么好处。很多人在下载安装Axure之后，都会去网上找一些元件库的部件导入到Axure中去，其实这些元件也就是别人自建的，大多数情况都是一些通用的控件。

除了一些通用的元件之外，也会有一些我们自己创建的，可能会经常需要进行复用的一些元件，在这样的情况下就可以将这些经常复用的元件建立在自己的自定义部件库里，既能够提高作图的效率，节省时间，又能够保证界面的一致性，彰显专业性，何乐而不为呢？

自建部件库其实比较简单，难的是需要能够根据自己的需要来持续不断的对部件库进行更新，常见的复用较多的部件可能会有以下几种：列表类、导航栏、标签栏、弹窗、toast、通知、图标等，下图是我自己常用的一些自建部件库。

接下来我们就开始愉快的建立自己的部件库吧…

1. 点击【选择部件库】右侧的图标，会弹出一个下拉列表，点击【创建部件库】

2. 点击【创建部件库】后会弹出一个弹窗，我将文件保存在桌面，名字为test，新文件的图标与Axure创建的RP文件比较类似，但是可以看到部件库文件的类型为Axure RP 部件库文件，创建部件库完成之后，Axure会默认打开新创建的部件库文件。

3. 部件库文件与普通的RP文件的**作并没有什么不同，创建自己需要的元件就可以了，文件夹的层级是并列的，相当于一级分类，文件夹的子级页面就是从属于文件夹的部件。

为了便于寻找和使用元件，最好将元件进行分类，第二每个自己页面放置一个元件，创建完成自己需要的元件，保存即可。

4. 保存完成之后，将新建的部件库文件放置在Axure软件的部件库里，就可以正常使用这些新部件了。

很多时候很多人不知道自己把软件安装在哪里了，这里有个快捷**作，选中Axure图标点击右键，点击【属性】，弹出如下弹窗，点击【打开文件夹位置】，即可快速找到软件安装的位置。

5. 进入文件夹所在的位置之后，找到【DefaultSettings】文件夹，双击进入

6. 在【DefaultSettings】文件夹中会有着一些文件夹，找到【Libraries】文件夹，双击进入

7. 【 Libraries】文件夹里就是Axure的一些部件库，将新创建的部件库**移动进去即可

8. 此时在【选择部件库】中，就能够看到新添加的部件库，如果Axure之前是在运行状态，则不会看到新添加的部件库，退出重新进入即可看到新添加的部件库。

9. 选择新添加的部件库，见下图，可以看到在之前创建的时候，文件夹即部件库的分类，每一个页面里的元件即一个单独的部件。

10. 收工，不断的迭代更新…

Axure 7.0中创建的部件库在Axure 8.0中是能够使用的，反之则不能够正常使用，用Axure 8.0的朋友们多注意一些。以上是Windows**作系统下Axure 7.0创建自建部件库的具体**作，理论上Mac上也是行的通的，然而我并没有实践过，因为木有Mac啊，Mac的小伙伴们可以自行测试一下…

以上就是本文的主要内容，下篇文章写中继器相关的一些知识，欢迎斧正、指点、拍砖…

*本文由 @王家郴 原创发布于产品壹佰（**：chanpin100ghsd），未经许可，禁止转载。

拓展知识：

fireworks8.0

　　想学会一个软件，第一就得弄明白这一款软件的作用是什么，本质是什么，只有弄懂了才更快上手。下面是我为大家整理的是网页作图软件Fireworks一些简单的介绍，希望大家喜欢!

　　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余 爱好 者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

　　1.创建编辑编辑

　　创建和编辑矢量图像与位图图像，并导入和编辑本机Photoshop和Illustrator文件。

　　2.图像优化编辑

　　采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件，针对各种交互情况优化图像。

　　3.高效集成编辑

　　导入 Photoshop (PSD) 文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

　　4.原型构建编辑

　　网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver，将 RIA 原型导出至 Adobe Flex。

　　5.支持多页编辑

　　使用新的页面板在单个文档 (PNG 文件) 中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

　　6.组织方式编辑

　　采用与Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织Web 图层和页面。

　　7.滤镜效果编辑

　　应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式)，增加文本和元件的深度和特性。

　　8.公用库存编辑

　　公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

　　9.智能缩放编辑

　　通过切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

　　10.简化集成编辑

　　** Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3，导出时可保持矢量、位图、动画和多状态不变，第二在 Flash CS3 中编辑文件。

　　11.必知功能编辑

　　众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大(因为它是适合处理印刷品，要求比较清晰)，最终还是要用Fireworks来处理一下。

　　在优化面板里有“导出jpg较高品质”，导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里这个功能怎样。

　　12.主要说明编辑

　　为Macromedia家族的一员，三剑客之一的FW，这款软件的主要任务和特色就是制作矢量图为网页服务，FW也是Flash的最佳伴侣，在三剑客的MX系列中，FW和Flash的联系更为紧密，所以无论是网页制作和Flash制作，Fw都是不可或缺的利器.在Fw3年的应用实践过程中，我无时无刻不在感受她的卓越和便利。的确，网页制作看重的是效果和速度，并不是你用的软件专业与否，你用了多少个软件作出的网页，设计师作出的网页是为了让大家接受而不是显示自己的本领，在这样的前提下，Fw的确是最好的选择，最好的矢量图效果，最快的速度，如果不选择FW，又选择什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中继器是当年我从入门到放弃的三样，因为工作的需要，在这一周的时间里，我同时需要掌握这三样技能，真的是出来混迟早是要还的啊…

经过一周的学习，加上之前的一点点基础，Photoshop和Project已经算是入门了，能够满足日常的需要，而Axure的中继器除了比较复杂的函数，其他也基本都掌握。

本来这篇文章是打算将自定义部件库与中继器一起写的，后来发现中继器的东西比较多，足以单独开一篇文章来写了，所以就决定将文章拆成两部分，这篇写自建部件库，下篇文章写中继器。

绘制原型的工具有很多种，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，还有神器2B铅笔和纸，形式并不重要，重要的是如何能够将你的想法展现出来。

在诸多软件中，Axure的使用频次和范围相对而言应该是最广泛的，然而Axure一些功能的使用程度则相对较低，比如动态面板、中继器以及自建元件库。

第一，说明一下为什么要自建元件库以及自建元件库有什么好处。很多人在下载安装Axure之后，都会去网上找一些元件库的部件导入到Axure中去，其实这些元件也就是别人自建的，大多数情况都是一些通用的控件。

除了一些通用的元件之外，也会有一些我们自己创建的，可能会经常需要进行复用的一些元件，在这样的情况下就可以将这些经常复用的元件建立在自己的自定义部件库里，既能够提高作图的效率，节省时间，又能够保证界面的一致性，彰显专业性，何乐而不为呢？

自建部件库其实比较简单，难的是需要能够根据自己的需要来持续不断的对部件库进行更新，常见的复用较多的部件可能会有以下几种：列表类、导航栏、标签栏、弹窗、toast、通知、图标等，下图是我自己常用的一些自建部件库。

接下来我们就开始愉快的建立自己的部件库吧…

1. 点击【选择部件库】右侧的图标，会弹出一个下拉列表，点击【创建部件库】

2. 点击【创建部件库】后会弹出一个弹窗，我将文件保存在桌面，名字为test，新文件的图标与Axure创建的RP文件比较类似，但是可以看到部件库文件的类型为Axure RP 部件库文件，创建部件库完成之后，Axure会默认打开新创建的部件库文件。

3. 部件库文件与普通的RP文件的**作并没有什么不同，创建自己需要的元件就可以了，文件夹的层级是并列的，相当于一级分类，文件夹的子级页面就是从属于文件夹的部件。

为了便于寻找和使用元件，最好将元件进行分类，第二每个自己页面放置一个元件，创建完成自己需要的元件，保存即可。

4. 保存完成之后，将新建的部件库文件放置在Axure软件的部件库里，就可以正常使用这些新部件了。

很多时候很多人不知道自己把软件安装在哪里了，这里有个快捷**作，选中Axure图标点击右键，点击【属性】，弹出如下弹窗，点击【打开文件夹位置】，即可快速找到软件安装的位置。

5. 进入文件夹所在的位置之后，找到【DefaultSettings】文件夹，双击进入

6. 在【DefaultSettings】文件夹中会有着一些文件夹，找到【Libraries】文件夹，双击进入

7. 【 Libraries】文件夹里就是Axure的一些部件库，将新创建的部件库**移动进去即可

8. 此时在【选择部件库】中，就能够看到新添加的部件库，如果Axure之前是在运行状态，则不会看到新添加的部件库，退出重新进入即可看到新添加的部件库。

9. 选择新添加的部件库，见下图，可以看到在之前创建的时候，文件夹即部件库的分类，每一个页面里的元件即一个单独的部件。

10. 收工，不断的迭代更新…

Axure 7.0中创建的部件库在Axure 8.0中是能够使用的，反之则不能够正常使用，用Axure 8.0的朋友们多注意一些。以上是Windows**作系统下Axure 7.0创建自建部件库的具体**作，理论上Mac上也是行的通的，然而我并没有实践过，因为木有Mac啊，Mac的小伙伴们可以自行测试一下…

以上就是本文的主要内容，下篇文章写中继器相关的一些知识，欢迎斧正、指点、拍砖…

*本文由 @王家郴 原创发布于产品壹佰（**：chanpin100ghsd），未经许可，禁止转载。

拓展知识：

fireworks8.0

　　想学会一个软件，第一就得弄明白这一款软件的作用是什么，本质是什么，只有弄懂了才更快上手。下面是我为大家整理的是网页作图软件Fireworks一些简单的介绍，希望大家喜欢!

　　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余 爱好 者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

　　1.创建编辑编辑

　　创建和编辑矢量图像与位图图像，并导入和编辑本机Photoshop和Illustrator文件。

　　2.图像优化编辑

　　采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件，针对各种交互情况优化图像。

　　3.高效集成编辑

　　导入 Photoshop (PSD) 文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

　　4.原型构建编辑

　　网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver，将 RIA 原型导出至 Adobe Flex。

　　5.支持多页编辑

　　使用新的页面板在单个文档 (PNG 文件) 中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

　　6.组织方式编辑

　　采用与Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织Web 图层和页面。

　　7.滤镜效果编辑

　　应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式)，增加文本和元件的深度和特性。

　　8.公用库存编辑

　　公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

　　9.智能缩放编辑

　　通过切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

　　10.简化集成编辑

　　** Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3，导出时可保持矢量、位图、动画和多状态不变，第二在 Flash CS3 中编辑文件。

　　11.必知功能编辑

　　众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大(因为它是适合处理印刷品，要求比较清晰)，最终还是要用Fireworks来处理一下。

　　在优化面板里有“导出jpg较高品质”，导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里这个功能怎样。

　　12.主要说明编辑

　　为Macromedia家族的一员，三剑客之一的FW，这款软件的主要任务和特色就是制作矢量图为网页服务，FW也是Flash的最佳伴侣，在三剑客的MX系列中，FW和Flash的联系更为紧密，所以无论是网页制作和Flash制作，Fw都是不可或缺的利器.在Fw3年的应用实践过程中，我无时无刻不在感受她的卓越和便利。的确，网页制作看重的是效果和速度，并不是你用的软件专业与否，你用了多少个软件作出的网页，设计师作出的网页是为了让大家接受而不是显示自己的本领，在这样的前提下，Fw的确是最好的选择，最好的矢量图效果，最快的速度，如果不选择FW，又选择什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中继器是当年我从入门到放弃的三样，因为工作的需要，在这一周的时间里，我同时需要掌握这三样技能，真的是出来混迟早是要还的啊…

经过一周的学习，加上之前的一点点基础，Photoshop和Project已经算是入门了，能够满足日常的需要，而Axure的中继器除了比较复杂的函数，其他也基本都掌握。

本来这篇文章是打算将自定义部件库与中继器一起写的，后来发现中继器的东西比较多，足以单独开一篇文章来写了，所以就决定将文章拆成两部分，这篇写自建部件库，下篇文章写中继器。

绘制原型的工具有很多种，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，还有神器2B铅笔和纸，形式并不重要，重要的是如何能够将你的想法展现出来。

在诸多软件中，Axure的使用频次和范围相对而言应该是最广泛的，然而Axure一些功能的使用程度则相对较低，比如动态面板、中继器以及自建元件库。

第一，说明一下为什么要自建元件库以及自建元件库有什么好处。很多人在下载安装Axure之后，都会去网上找一些元件库的部件导入到Axure中去，其实这些元件也就是别人自建的，大多数情况都是一些通用的控件。

除了一些通用的元件之外，也会有一些我们自己创建的，可能会经常需要进行复用的一些元件，在这样的情况下就可以将这些经常复用的元件建立在自己的自定义部件库里，既能够提高作图的效率，节省时间，又能够保证界面的一致性，彰显专业性，何乐而不为呢？

自建部件库其实比较简单，难的是需要能够根据自己的需要来持续不断的对部件库进行更新，常见的复用较多的部件可能会有以下几种：列表类、导航栏、标签栏、弹窗、toast、通知、图标等，下图是我自己常用的一些自建部件库。

接下来我们就开始愉快的建立自己的部件库吧…

1. 点击【选择部件库】右侧的图标，会弹出一个下拉列表，点击【创建部件库】

2. 点击【创建部件库】后会弹出一个弹窗，我将文件保存在桌面，名字为test，新文件的图标与Axure创建的RP文件比较类似，但是可以看到部件库文件的类型为Axure RP 部件库文件，创建部件库完成之后，Axure会默认打开新创建的部件库文件。

3. 部件库文件与普通的RP文件的**作并没有什么不同，创建自己需要的元件就可以了，文件夹的层级是并列的，相当于一级分类，文件夹的子级页面就是从属于文件夹的部件。

为了便于寻找和使用元件，最好将元件进行分类，第二每个自己页面放置一个元件，创建完成自己需要的元件，保存即可。

4. 保存完成之后，将新建的部件库文件放置在Axure软件的部件库里，就可以正常使用这些新部件了。

很多时候很多人不知道自己把软件安装在哪里了，这里有个快捷**作，选中Axure图标点击右键，点击【属性】，弹出如下弹窗，点击【打开文件夹位置】，即可快速找到软件安装的位置。

5. 进入文件夹所在的位置之后，找到【DefaultSettings】文件夹，双击进入

6. 在【DefaultSettings】文件夹中会有着一些文件夹，找到【Libraries】文件夹，双击进入

7. 【 Libraries】文件夹里就是Axure的一些部件库，将新创建的部件库**移动进去即可

8. 此时在【选择部件库】中，就能够看到新添加的部件库，如果Axure之前是在运行状态，则不会看到新添加的部件库，退出重新进入即可看到新添加的部件库。

9. 选择新添加的部件库，见下图，可以看到在之前创建的时候，文件夹即部件库的分类，每一个页面里的元件即一个单独的部件。

10. 收工，不断的迭代更新…

Axure 7.0中创建的部件库在Axure 8.0中是能够使用的，反之则不能够正常使用，用Axure 8.0的朋友们多注意一些。以上是Windows**作系统下Axure 7.0创建自建部件库的具体**作，理论上Mac上也是行的通的，然而我并没有实践过，因为木有Mac啊，Mac的小伙伴们可以自行测试一下…

以上就是本文的主要内容，下篇文章写中继器相关的一些知识，欢迎斧正、指点、拍砖…

*本文由 @王家郴 原创发布于产品壹佰（**：chanpin100ghsd），未经许可，禁止转载。

拓展知识：

fireworks8.0

　　想学会一个软件，第一就得弄明白这一款软件的作用是什么，本质是什么，只有弄懂了才更快上手。下面是我为大家整理的是网页作图软件Fireworks一些简单的介绍，希望大家喜欢!

　　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余 爱好 者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

　　1.创建编辑编辑

　　创建和编辑矢量图像与位图图像，并导入和编辑本机Photoshop和Illustrator文件。

　　2.图像优化编辑

　　采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件，针对各种交互情况优化图像。

　　3.高效集成编辑

　　导入 Photoshop (PSD) 文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

　　4.原型构建编辑

　　网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver，将 RIA 原型导出至 Adobe Flex。

　　5.支持多页编辑

　　使用新的页面板在单个文档 (PNG 文件) 中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

　　6.组织方式编辑

　　采用与Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织Web 图层和页面。

　　7.滤镜效果编辑

　　应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式)，增加文本和元件的深度和特性。

　　8.公用库存编辑

　　公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

　　9.智能缩放编辑

　　通过切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

　　10.简化集成编辑

　　** Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3，导出时可保持矢量、位图、动画和多状态不变，第二在 Flash CS3 中编辑文件。

　　11.必知功能编辑

　　众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大(因为它是适合处理印刷品，要求比较清晰)，最终还是要用Fireworks来处理一下。

　　在优化面板里有“导出jpg较高品质”，导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里这个功能怎样。

　　12.主要说明编辑

　　为Macromedia家族的一员，三剑客之一的FW，这款软件的主要任务和特色就是制作矢量图为网页服务，FW也是Flash的最佳伴侣，在三剑客的MX系列中，FW和Flash的联系更为紧密，所以无论是网页制作和Flash制作，Fw都是不可或缺的利器.在Fw3年的应用实践过程中，我无时无刻不在感受她的卓越和便利。的确，网页制作看重的是效果和速度，并不是你用的软件专业与否，你用了多少个软件作出的网页，设计师作出的网页是为了让大家接受而不是显示自己的本领，在这样的前提下，Fw的确是最好的选择，最好的矢量图效果，最快的速度，如果不选择FW，又选择什么呢