前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中繼器是當年我從入門到放棄的三樣，因為工作的需要，在這一周的時間里，我同時需要掌握這三樣技能，真的是出來混遲早是要還的啊…

經(jīng)過一周的學習，加上之前的一點點基礎，Photoshop和Project已經(jīng)算是入門了，能夠滿足日常的需要，而Axure的中繼器除了比較復雜的函數(shù)，其他也基本都掌握。

本來這篇文章是打算將自定義部件庫與中繼器一起寫的，后來發(fā)現(xiàn)中繼器的東西比較多，足以單獨開一篇文章來寫了，所以就決定將文章拆成兩部分，這篇寫自建部件庫，下篇文章寫中繼器。

繪制原型的工具有很多種，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，還有神器2B鉛筆和紙，形式并不重要，重要的是如何能夠?qū)⒛愕南敕ㄕ宫F(xiàn)出來。

在諸多軟件中，Axure的使用頻次和范圍相對而言應該是最廣泛的，然而Axure一些功能的使用程度則相對較低，比如動態(tài)面板、中繼器以及自建元件庫。

第一，說明一下為什么要自建元件庫以及自建元件庫有什么好處。很多人在下載安裝Axure之后，都會去網(wǎng)上找一些元件庫的部件導入到Axure中去，其實這些元件也就是別人自建的，大多數(shù)情況都是一些通用的控件。

除了一些通用的元件之外，也會有一些我們自己創(chuàng)建的，可能會經(jīng)常需要進行復用的一些元件，在這樣的情況下就可以將這些經(jīng)常復用的元件建立在自己的自定義部件庫里，既能夠提高作圖的效率，節(jié)省時間，又能夠保證界面的一致性，彰顯專業(yè)性，何樂而不為呢？

自建部件庫其實比較簡單，難的是需要能夠根據(jù)自己的需要來持續(xù)不斷的對部件庫進行更新，常見的復用較多的部件可能會有以下幾種：列表類、導航欄、標簽欄、彈窗、toast、通知、圖標等，下圖是我自己常用的一些自建部件庫。

接下來我們就開始愉快的建立自己的部件庫吧…

1. 點擊【選擇部件庫】右側(cè)的圖標，會彈出一個下拉列表，點擊【創(chuàng)建部件庫】

2. 點擊【創(chuàng)建部件庫】后會彈出一個彈窗，我將文件保存在桌面，名字為test，新文件的圖標與Axure創(chuàng)建的RP文件比較類似，但是可以看到部件庫文件的類型為Axure RP 部件庫文件，創(chuàng)建部件庫完成之后，Axure會默認打開新創(chuàng)建的部件庫文件。

3. 部件庫文件與普通的RP文件的**作并沒有什么不同，創(chuàng)建自己需要的元件就可以了，文件夾的層級是并列的，相當于一級分類，文件夾的子級頁面就是從屬于文件夾的部件。

為了便于尋找和使用元件，最好將元件進行分類，第二每個自己頁面放置一個元件，創(chuàng)建完成自己需要的元件，保存即可。

4. 保存完成之后，將新建的部件庫文件放置在Axure軟件的部件庫里，就可以正常使用這些新部件了。

很多時候很多人不知道自己把軟件安裝在哪里了，這里有個快捷**作，選中Axure圖標點擊右鍵，點擊【屬性】，彈出如下彈窗，點擊【打開文件夾位置】，即可快速找到軟件安裝的位置。

5. 進入文件夾所在的位置之后，找到【DefaultSettings】文件夾，雙擊進入

6. 在【DefaultSettings】文件夾中會有著一些文件夾，找到【Libraries】文件夾，雙擊進入

7. 【 Libraries】文件夾里就是Axure的一些部件庫，將新創(chuàng)建的部件庫**移動進去即可

8. 此時在【選擇部件庫】中，就能夠看到新添加的部件庫，如果Axure之前是在運行狀態(tài)，則不會看到新添加的部件庫，退出重新進入即可看到新添加的部件庫。

9. 選擇新添加的部件庫，見下圖，可以看到在之前創(chuàng)建的時候，文件夾即部件庫的分類，每一個頁面里的元件即一個單獨的部件。

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

Axure 7.0中創(chuàng)建的部件庫在Axure 8.0中是能夠使用的，反之則不能夠正常使用，用Axure 8.0的朋友們多注意一些。以上是Windows**作系統(tǒng)下Axure 7.0創(chuàng)建自建部件庫的具體**作，理論上Mac上也是行的通的，然而我并沒有實踐過，因為木有Mac啊，Mac的小伙伴們可以自行測試一下…

以上就是本文的主要內(nèi)容，下篇文章寫中繼器相關的一些知識，歡迎斧正、指點、拍磚…

*本文由 @王家郴 原創(chuàng)發(fā)布于產(chǎn)品壹佰（**：chanpin100ghsd），未經(jīng)許可，禁止轉(zhuǎn)載。

拓展知識：

fireworks8.0

　　想學會一個軟件，第一就得弄明白這一款軟件的作用是什么，本質(zhì)是什么，只有弄懂了才更快上手。下面是我為大家整理的是網(wǎng)頁作圖軟件Fireworks一些簡單的介紹，希望大家喜歡!

　　Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡圖形設計的圖形編輯軟件，它大大簡化了網(wǎng)絡圖形設計的工作難度，無論是專業(yè)設計家還是業(yè)余 愛好 者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態(tài)按鈕、動態(tài)翻轉(zhuǎn)圖等，因此，對于輔助網(wǎng)頁編輯來說，F(xiàn)ireworks將是最大的功臣。借助于Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁的圖像并進行精確控制。Fireworks 業(yè)界領先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達到平衡。它與 MacromediaDreamweaver和 MacromediaFlash共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時又能避免由于進行Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動畫，如變換圖像和彈出菜單等。

　　1.創(chuàng)建編輯編輯

　　創(chuàng)建和編輯矢量圖像與位圖圖像，并導入和編輯本機Photoshop和Illustrator文件。

　　2.圖像優(yōu)化編輯

　　采用預覽、跨平臺灰度系統(tǒng)預覽、選擇性JPEG壓縮和大量導出控件，針對各種交互情況優(yōu)化圖像。

　　3.高效集成編輯

　　導入 Photoshop (PSD) 文件，導入時可保持分層的圖層、圖層效果和混合模式。將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。導入 Illustrator (AI) 文件，導入時可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。

　　4.原型構(gòu)建編輯

　　網(wǎng)站和各種 Internet應用程序構(gòu)建交互式布局原型。將網(wǎng)站原型導出至 Adobe Dreamweaver，將 RIA 原型導出至 Adobe Flex。

　　5.支持多頁編輯

　　使用新的頁面板在單個文檔 (PNG 文件) 中創(chuàng)建多個頁面，并在多個頁面之間共享圖層。每個頁面都可以包含自己的切片、圖層、幀、動畫、畫布設置，因而可在原型中方便地模擬網(wǎng)站流程。

　　6.組織方式編輯

　　采用與Adobe Photoshop 類似的新分層圖層結(jié)構(gòu)來組織和管理原型，使您能方便地組織Web 圖層和頁面。

　　7.濾鏡效果編輯

　　應用燈光效果、陰影效果、樣式和混合模式 (包括源自 Photoshop 的 7 種新的混合模式)，增加文本和元件的深度和特性。

　　8.公用庫存編輯

　　公用庫中包含 Web應用程序、表單、界面和網(wǎng)站中經(jīng)常用到的圖形元件、文本元件和動畫，可以使用它迅速開始原型構(gòu)建過程。

　　9.智能縮放編輯

　　通過切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。將切片縮放與新的自動形狀庫相結(jié)合，以加速網(wǎng)站和應用程序的原型構(gòu)建進度。

　　10.簡化集成編輯

　　** Fireworks CS3 中的任意對象，并直接粘貼到 Dreamweaver CS3 中。創(chuàng)建可保存為 CSS 和 HTML(標準通用標記語言下的一個應用) 的彈出菜單。將 Fireworks (PNG) 文件直接導出至 Flash CS3，導出時可保持矢量、位圖、動畫和多狀態(tài)不變，第二在 Flash CS3 中編輯文件。

　　11.必知功能編輯

　　眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量(除非放大了與原圖對比)。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大(因為它是適合處理印刷品，要求比較清晰)，最終還是要用Fireworks來處理一下。

　　在優(yōu)化面板里有“導出jpg較高品質(zhì)”，導出默認的80品質(zhì)(可以用“2幅”畫面對比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里這個功能怎樣。

　　12.主要說明編輯

　　為Macromedia家族的一員，三劍客之一的FW，這款軟件的主要任務和特色就是制作矢量圖為網(wǎng)頁服務，F(xiàn)W也是Flash的最佳伴侶，在三劍客的MX系列中，F(xiàn)W和Flash的聯(lián)系更為緊密，所以無論是網(wǎng)頁制作和Flash制作，F(xiàn)w都是不可或缺的利器.在Fw3年的應用實踐過程中，我無時無刻不在感受她的卓越和便利。的確，網(wǎng)頁制作看重的是效果和速度，并不是你用的軟件專業(yè)與否，你用了多少個軟件作出的網(wǎng)頁，設計師作出的網(wǎng)頁是為了讓大家接受而不是顯示自己的本領，在這樣的前提下，F(xiàn)w的確是最好的選擇，最好的矢量圖效果，最快的速度，如果不選擇FW，又選擇什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中繼器是當年我從入門到放棄的三樣，因為工作的需要，在這一周的時間里，我同時需要掌握這三樣技能，真的是出來混遲早是要還的啊…

經(jīng)過一周的學習，加上之前的一點點基礎，Photoshop和Project已經(jīng)算是入門了，能夠滿足日常的需要，而Axure的中繼器除了比較復雜的函數(shù)，其他也基本都掌握。

本來這篇文章是打算將自定義部件庫與中繼器一起寫的，后來發(fā)現(xiàn)中繼器的東西比較多，足以單獨開一篇文章來寫了，所以就決定將文章拆成兩部分，這篇寫自建部件庫，下篇文章寫中繼器。

繪制原型的工具有很多種，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，還有神器2B鉛筆和紙，形式并不重要，重要的是如何能夠?qū)⒛愕南敕ㄕ宫F(xiàn)出來。

在諸多軟件中，Axure的使用頻次和范圍相對而言應該是最廣泛的，然而Axure一些功能的使用程度則相對較低，比如動態(tài)面板、中繼器以及自建元件庫。

第一，說明一下為什么要自建元件庫以及自建元件庫有什么好處。很多人在下載安裝Axure之后，都會去網(wǎng)上找一些元件庫的部件導入到Axure中去，其實這些元件也就是別人自建的，大多數(shù)情況都是一些通用的控件。

除了一些通用的元件之外，也會有一些我們自己創(chuàng)建的，可能會經(jīng)常需要進行復用的一些元件，在這樣的情況下就可以將這些經(jīng)常復用的元件建立在自己的自定義部件庫里，既能夠提高作圖的效率，節(jié)省時間，又能夠保證界面的一致性，彰顯專業(yè)性，何樂而不為呢？

自建部件庫其實比較簡單，難的是需要能夠根據(jù)自己的需要來持續(xù)不斷的對部件庫進行更新，常見的復用較多的部件可能會有以下幾種：列表類、導航欄、標簽欄、彈窗、toast、通知、圖標等，下圖是我自己常用的一些自建部件庫。

接下來我們就開始愉快的建立自己的部件庫吧…

1. 點擊【選擇部件庫】右側(cè)的圖標，會彈出一個下拉列表，點擊【創(chuàng)建部件庫】

2. 點擊【創(chuàng)建部件庫】后會彈出一個彈窗，我將文件保存在桌面，名字為test，新文件的圖標與Axure創(chuàng)建的RP文件比較類似，但是可以看到部件庫文件的類型為Axure RP 部件庫文件，創(chuàng)建部件庫完成之后，Axure會默認打開新創(chuàng)建的部件庫文件。

3. 部件庫文件與普通的RP文件的**作并沒有什么不同，創(chuàng)建自己需要的元件就可以了，文件夾的層級是并列的，相當于一級分類，文件夾的子級頁面就是從屬于文件夾的部件。

為了便于尋找和使用元件，最好將元件進行分類，第二每個自己頁面放置一個元件，創(chuàng)建完成自己需要的元件，保存即可。

4. 保存完成之后，將新建的部件庫文件放置在Axure軟件的部件庫里，就可以正常使用這些新部件了。

很多時候很多人不知道自己把軟件安裝在哪里了，這里有個快捷**作，選中Axure圖標點擊右鍵，點擊【屬性】，彈出如下彈窗，點擊【打開文件夾位置】，即可快速找到軟件安裝的位置。

5. 進入文件夾所在的位置之后，找到【DefaultSettings】文件夾，雙擊進入

6. 在【DefaultSettings】文件夾中會有著一些文件夾，找到【Libraries】文件夾，雙擊進入

7. 【 Libraries】文件夾里就是Axure的一些部件庫，將新創(chuàng)建的部件庫**移動進去即可

8. 此時在【選擇部件庫】中，就能夠看到新添加的部件庫，如果Axure之前是在運行狀態(tài)，則不會看到新添加的部件庫，退出重新進入即可看到新添加的部件庫。

9. 選擇新添加的部件庫，見下圖，可以看到在之前創(chuàng)建的時候，文件夾即部件庫的分類，每一個頁面里的元件即一個單獨的部件。

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

Axure 7.0中創(chuàng)建的部件庫在Axure 8.0中是能夠使用的，反之則不能夠正常使用，用Axure 8.0的朋友們多注意一些。以上是Windows**作系統(tǒng)下Axure 7.0創(chuàng)建自建部件庫的具體**作，理論上Mac上也是行的通的，然而我并沒有實踐過，因為木有Mac啊，Mac的小伙伴們可以自行測試一下…

以上就是本文的主要內(nèi)容，下篇文章寫中繼器相關的一些知識，歡迎斧正、指點、拍磚…

*本文由 @王家郴 原創(chuàng)發(fā)布于產(chǎn)品壹佰（**：chanpin100ghsd），未經(jīng)許可，禁止轉(zhuǎn)載。

拓展知識：

fireworks8.0

　　想學會一個軟件，第一就得弄明白這一款軟件的作用是什么，本質(zhì)是什么，只有弄懂了才更快上手。下面是我為大家整理的是網(wǎng)頁作圖軟件Fireworks一些簡單的介紹，希望大家喜歡!

　　Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡圖形設計的圖形編輯軟件，它大大簡化了網(wǎng)絡圖形設計的工作難度，無論是專業(yè)設計家還是業(yè)余 愛好 者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態(tài)按鈕、動態(tài)翻轉(zhuǎn)圖等，因此，對于輔助網(wǎng)頁編輯來說，F(xiàn)ireworks將是最大的功臣。借助于Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁的圖像并進行精確控制。Fireworks 業(yè)界領先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達到平衡。它與 MacromediaDreamweaver和 MacromediaFlash共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時又能避免由于進行Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動畫，如變換圖像和彈出菜單等。

　　1.創(chuàng)建編輯編輯

　　創(chuàng)建和編輯矢量圖像與位圖圖像，并導入和編輯本機Photoshop和Illustrator文件。

　　2.圖像優(yōu)化編輯

　　采用預覽、跨平臺灰度系統(tǒng)預覽、選擇性JPEG壓縮和大量導出控件，針對各種交互情況優(yōu)化圖像。

　　3.高效集成編輯

　　導入 Photoshop (PSD) 文件，導入時可保持分層的圖層、圖層效果和混合模式。將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。導入 Illustrator (AI) 文件，導入時可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。

　　4.原型構(gòu)建編輯

　　網(wǎng)站和各種 Internet應用程序構(gòu)建交互式布局原型。將網(wǎng)站原型導出至 Adobe Dreamweaver，將 RIA 原型導出至 Adobe Flex。

　　5.支持多頁編輯

　　使用新的頁面板在單個文檔 (PNG 文件) 中創(chuàng)建多個頁面，并在多個頁面之間共享圖層。每個頁面都可以包含自己的切片、圖層、幀、動畫、畫布設置，因而可在原型中方便地模擬網(wǎng)站流程。

　　6.組織方式編輯

　　采用與Adobe Photoshop 類似的新分層圖層結(jié)構(gòu)來組織和管理原型，使您能方便地組織Web 圖層和頁面。

　　7.濾鏡效果編輯

　　應用燈光效果、陰影效果、樣式和混合模式 (包括源自 Photoshop 的 7 種新的混合模式)，增加文本和元件的深度和特性。

　　8.公用庫存編輯

　　公用庫中包含 Web應用程序、表單、界面和網(wǎng)站中經(jīng)常用到的圖形元件、文本元件和動畫，可以使用它迅速開始原型構(gòu)建過程。

　　9.智能縮放編輯

　　通過切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。將切片縮放與新的自動形狀庫相結(jié)合，以加速網(wǎng)站和應用程序的原型構(gòu)建進度。

　　10.簡化集成編輯

　　** Fireworks CS3 中的任意對象，并直接粘貼到 Dreamweaver CS3 中。創(chuàng)建可保存為 CSS 和 HTML(標準通用標記語言下的一個應用) 的彈出菜單。將 Fireworks (PNG) 文件直接導出至 Flash CS3，導出時可保持矢量、位圖、動畫和多狀態(tài)不變，第二在 Flash CS3 中編輯文件。

　　11.必知功能編輯

　　眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量(除非放大了與原圖對比)。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大(因為它是適合處理印刷品，要求比較清晰)，最終還是要用Fireworks來處理一下。

　　在優(yōu)化面板里有“導出jpg較高品質(zhì)”，導出默認的80品質(zhì)(可以用“2幅”畫面對比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里這個功能怎樣。

　　12.主要說明編輯

　　為Macromedia家族的一員，三劍客之一的FW，這款軟件的主要任務和特色就是制作矢量圖為網(wǎng)頁服務，F(xiàn)W也是Flash的最佳伴侶，在三劍客的MX系列中，F(xiàn)W和Flash的聯(lián)系更為緊密，所以無論是網(wǎng)頁制作和Flash制作，F(xiàn)w都是不可或缺的利器.在Fw3年的應用實踐過程中，我無時無刻不在感受她的卓越和便利。的確，網(wǎng)頁制作看重的是效果和速度，并不是你用的軟件專業(yè)與否，你用了多少個軟件作出的網(wǎng)頁，設計師作出的網(wǎng)頁是為了讓大家接受而不是顯示自己的本領，在這樣的前提下，F(xiàn)w的確是最好的選擇，最好的矢量圖效果，最快的速度，如果不選擇FW，又選擇什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中繼器是當年我從入門到放棄的三樣，因為工作的需要，在這一周的時間里，我同時需要掌握這三樣技能，真的是出來混遲早是要還的啊…

經(jīng)過一周的學習，加上之前的一點點基礎，Photoshop和Project已經(jīng)算是入門了，能夠滿足日常的需要，而Axure的中繼器除了比較復雜的函數(shù)，其他也基本都掌握。

本來這篇文章是打算將自定義部件庫與中繼器一起寫的，后來發(fā)現(xiàn)中繼器的東西比較多，足以單獨開一篇文章來寫了，所以就決定將文章拆成兩部分，這篇寫自建部件庫，下篇文章寫中繼器。

繪制原型的工具有很多種，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，還有神器2B鉛筆和紙，形式并不重要，重要的是如何能夠?qū)⒛愕南敕ㄕ宫F(xiàn)出來。

在諸多軟件中，Axure的使用頻次和范圍相對而言應該是最廣泛的，然而Axure一些功能的使用程度則相對較低，比如動態(tài)面板、中繼器以及自建元件庫。

第一，說明一下為什么要自建元件庫以及自建元件庫有什么好處。很多人在下載安裝Axure之后，都會去網(wǎng)上找一些元件庫的部件導入到Axure中去，其實這些元件也就是別人自建的，大多數(shù)情況都是一些通用的控件。

除了一些通用的元件之外，也會有一些我們自己創(chuàng)建的，可能會經(jīng)常需要進行復用的一些元件，在這樣的情況下就可以將這些經(jīng)常復用的元件建立在自己的自定義部件庫里，既能夠提高作圖的效率，節(jié)省時間，又能夠保證界面的一致性，彰顯專業(yè)性，何樂而不為呢？

自建部件庫其實比較簡單，難的是需要能夠根據(jù)自己的需要來持續(xù)不斷的對部件庫進行更新，常見的復用較多的部件可能會有以下幾種：列表類、導航欄、標簽欄、彈窗、toast、通知、圖標等，下圖是我自己常用的一些自建部件庫。

接下來我們就開始愉快的建立自己的部件庫吧…

1. 點擊【選擇部件庫】右側(cè)的圖標，會彈出一個下拉列表，點擊【創(chuàng)建部件庫】

2. 點擊【創(chuàng)建部件庫】后會彈出一個彈窗，我將文件保存在桌面，名字為test，新文件的圖標與Axure創(chuàng)建的RP文件比較類似，但是可以看到部件庫文件的類型為Axure RP 部件庫文件，創(chuàng)建部件庫完成之后，Axure會默認打開新創(chuàng)建的部件庫文件。

3. 部件庫文件與普通的RP文件的**作并沒有什么不同，創(chuàng)建自己需要的元件就可以了，文件夾的層級是并列的，相當于一級分類，文件夾的子級頁面就是從屬于文件夾的部件。

為了便于尋找和使用元件，最好將元件進行分類，第二每個自己頁面放置一個元件，創(chuàng)建完成自己需要的元件，保存即可。

4. 保存完成之后，將新建的部件庫文件放置在Axure軟件的部件庫里，就可以正常使用這些新部件了。

很多時候很多人不知道自己把軟件安裝在哪里了，這里有個快捷**作，選中Axure圖標點擊右鍵，點擊【屬性】，彈出如下彈窗，點擊【打開文件夾位置】，即可快速找到軟件安裝的位置。

5. 進入文件夾所在的位置之后，找到【DefaultSettings】文件夾，雙擊進入

6. 在【DefaultSettings】文件夾中會有著一些文件夾，找到【Libraries】文件夾，雙擊進入

7. 【 Libraries】文件夾里就是Axure的一些部件庫，將新創(chuàng)建的部件庫**移動進去即可

8. 此時在【選擇部件庫】中，就能夠看到新添加的部件庫，如果Axure之前是在運行狀態(tài)，則不會看到新添加的部件庫，退出重新進入即可看到新添加的部件庫。

9. 選擇新添加的部件庫，見下圖，可以看到在之前創(chuàng)建的時候，文件夾即部件庫的分類，每一個頁面里的元件即一個單獨的部件。

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

Axure 7.0中創(chuàng)建的部件庫在Axure 8.0中是能夠使用的，反之則不能夠正常使用，用Axure 8.0的朋友們多注意一些。以上是Windows**作系統(tǒng)下Axure 7.0創(chuàng)建自建部件庫的具體**作，理論上Mac上也是行的通的，然而我并沒有實踐過，因為木有Mac啊，Mac的小伙伴們可以自行測試一下…

以上就是本文的主要內(nèi)容，下篇文章寫中繼器相關的一些知識，歡迎斧正、指點、拍磚…

*本文由 @王家郴 原創(chuàng)發(fā)布于產(chǎn)品壹佰（**：chanpin100ghsd），未經(jīng)許可，禁止轉(zhuǎn)載。

拓展知識：

fireworks8.0

　　想學會一個軟件，第一就得弄明白這一款軟件的作用是什么，本質(zhì)是什么，只有弄懂了才更快上手。下面是我為大家整理的是網(wǎng)頁作圖軟件Fireworks一些簡單的介紹，希望大家喜歡!

　　Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡圖形設計的圖形編輯軟件，它大大簡化了網(wǎng)絡圖形設計的工作難度，無論是專業(yè)設計家還是業(yè)余 愛好 者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態(tài)按鈕、動態(tài)翻轉(zhuǎn)圖等，因此，對于輔助網(wǎng)頁編輯來說，F(xiàn)ireworks將是最大的功臣。借助于Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁的圖像并進行精確控制。Fireworks 業(yè)界領先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達到平衡。它與 MacromediaDreamweaver和 MacromediaFlash共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時又能避免由于進行Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動畫，如變換圖像和彈出菜單等。

　　1.創(chuàng)建編輯編輯

　　創(chuàng)建和編輯矢量圖像與位圖圖像，并導入和編輯本機Photoshop和Illustrator文件。

　　2.圖像優(yōu)化編輯

　　采用預覽、跨平臺灰度系統(tǒng)預覽、選擇性JPEG壓縮和大量導出控件，針對各種交互情況優(yōu)化圖像。

　　3.高效集成編輯

　　導入 Photoshop (PSD) 文件，導入時可保持分層的圖層、圖層效果和混合模式。將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。導入 Illustrator (AI) 文件，導入時可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。

　　4.原型構(gòu)建編輯

　　網(wǎng)站和各種 Internet應用程序構(gòu)建交互式布局原型。將網(wǎng)站原型導出至 Adobe Dreamweaver，將 RIA 原型導出至 Adobe Flex。

　　5.支持多頁編輯

　　使用新的頁面板在單個文檔 (PNG 文件) 中創(chuàng)建多個頁面，并在多個頁面之間共享圖層。每個頁面都可以包含自己的切片、圖層、幀、動畫、畫布設置，因而可在原型中方便地模擬網(wǎng)站流程。

　　6.組織方式編輯

　　采用與Adobe Photoshop 類似的新分層圖層結(jié)構(gòu)來組織和管理原型，使您能方便地組織Web 圖層和頁面。

　　7.濾鏡效果編輯

　　應用燈光效果、陰影效果、樣式和混合模式 (包括源自 Photoshop 的 7 種新的混合模式)，增加文本和元件的深度和特性。

　　8.公用庫存編輯

　　公用庫中包含 Web應用程序、表單、界面和網(wǎng)站中經(jīng)常用到的圖形元件、文本元件和動畫，可以使用它迅速開始原型構(gòu)建過程。

　　9.智能縮放編輯

　　通過切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。將切片縮放與新的自動形狀庫相結(jié)合，以加速網(wǎng)站和應用程序的原型構(gòu)建進度。

　　10.簡化集成編輯

　　** Fireworks CS3 中的任意對象，并直接粘貼到 Dreamweaver CS3 中。創(chuàng)建可保存為 CSS 和 HTML(標準通用標記語言下的一個應用) 的彈出菜單。將 Fireworks (PNG) 文件直接導出至 Flash CS3，導出時可保持矢量、位圖、動畫和多狀態(tài)不變，第二在 Flash CS3 中編輯文件。

　　11.必知功能編輯

　　眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量(除非放大了與原圖對比)。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大(因為它是適合處理印刷品，要求比較清晰)，最終還是要用Fireworks來處理一下。

　　在優(yōu)化面板里有“導出jpg較高品質(zhì)”，導出默認的80品質(zhì)(可以用“2幅”畫面對比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里這個功能怎樣。

　　12.主要說明編輯

　　為Macromedia家族的一員，三劍客之一的FW，這款軟件的主要任務和特色就是制作矢量圖為網(wǎng)頁服務，F(xiàn)W也是Flash的最佳伴侶，在三劍客的MX系列中，F(xiàn)W和Flash的聯(lián)系更為緊密，所以無論是網(wǎng)頁制作和Flash制作，F(xiàn)w都是不可或缺的利器.在Fw3年的應用實踐過程中，我無時無刻不在感受她的卓越和便利。的確，網(wǎng)頁制作看重的是效果和速度，并不是你用的軟件專業(yè)與否，你用了多少個軟件作出的網(wǎng)頁，設計師作出的網(wǎng)頁是為了讓大家接受而不是顯示自己的本領，在這樣的前提下，F(xiàn)w的確是最好的選擇，最好的矢量圖效果，最快的速度，如果不選擇FW，又選擇什么呢

前沿拓展：

fireworks8.0

A

Photoshop、Project、Axure中繼器是當年我從入門到放棄的三樣，因為工作的需要，在這一周的時間里，我同時需要掌握這三樣技能，真的是出來混遲早是要還的啊…

經(jīng)過一周的學習，加上之前的一點點基礎，Photoshop和Project已經(jīng)算是入門了，能夠滿足日常的需要，而Axure的中繼器除了比較復雜的函數(shù)，其他也基本都掌握。

本來這篇文章是打算將自定義部件庫與中繼器一起寫的，后來發(fā)現(xiàn)中繼器的東西比較多，足以單獨開一篇文章來寫了，所以就決定將文章拆成兩部分，這篇寫自建部件庫，下篇文章寫中繼器。

繪制原型的工具有很多種，Axure、墨刀、Omnigraffle、Keynote/PPT、Fireworks、Photoshop等等，還有神器2B鉛筆和紙，形式并不重要，重要的是如何能夠?qū)⒛愕南敕ㄕ宫F(xiàn)出來。

在諸多軟件中，Axure的使用頻次和范圍相對而言應該是最廣泛的，然而Axure一些功能的使用程度則相對較低，比如動態(tài)面板、中繼器以及自建元件庫。

第一，說明一下為什么要自建元件庫以及自建元件庫有什么好處。很多人在下載安裝Axure之后，都會去網(wǎng)上找一些元件庫的部件導入到Axure中去，其實這些元件也就是別人自建的，大多數(shù)情況都是一些通用的控件。

除了一些通用的元件之外，也會有一些我們自己創(chuàng)建的，可能會經(jīng)常需要進行復用的一些元件，在這樣的情況下就可以將這些經(jīng)常復用的元件建立在自己的自定義部件庫里，既能夠提高作圖的效率，節(jié)省時間，又能夠保證界面的一致性，彰顯專業(yè)性，何樂而不為呢？

自建部件庫其實比較簡單，難的是需要能夠根據(jù)自己的需要來持續(xù)不斷的對部件庫進行更新，常見的復用較多的部件可能會有以下幾種：列表類、導航欄、標簽欄、彈窗、toast、通知、圖標等，下圖是我自己常用的一些自建部件庫。

接下來我們就開始愉快的建立自己的部件庫吧…

1. 點擊【選擇部件庫】右側(cè)的圖標，會彈出一個下拉列表，點擊【創(chuàng)建部件庫】

2. 點擊【創(chuàng)建部件庫】后會彈出一個彈窗，我將文件保存在桌面，名字為test，新文件的圖標與Axure創(chuàng)建的RP文件比較類似，但是可以看到部件庫文件的類型為Axure RP 部件庫文件，創(chuàng)建部件庫完成之后，Axure會默認打開新創(chuàng)建的部件庫文件。

3. 部件庫文件與普通的RP文件的**作并沒有什么不同，創(chuàng)建自己需要的元件就可以了，文件夾的層級是并列的，相當于一級分類，文件夾的子級頁面就是從屬于文件夾的部件。

為了便于尋找和使用元件，最好將元件進行分類，第二每個自己頁面放置一個元件，創(chuàng)建完成自己需要的元件，保存即可。

4. 保存完成之后，將新建的部件庫文件放置在Axure軟件的部件庫里，就可以正常使用這些新部件了。

很多時候很多人不知道自己把軟件安裝在哪里了，這里有個快捷**作，選中Axure圖標點擊右鍵，點擊【屬性】，彈出如下彈窗，點擊【打開文件夾位置】，即可快速找到軟件安裝的位置。

5. 進入文件夾所在的位置之后，找到【DefaultSettings】文件夾，雙擊進入

6. 在【DefaultSettings】文件夾中會有著一些文件夾，找到【Libraries】文件夾，雙擊進入

7. 【 Libraries】文件夾里就是Axure的一些部件庫，將新創(chuàng)建的部件庫**移動進去即可

8. 此時在【選擇部件庫】中，就能夠看到新添加的部件庫，如果Axure之前是在運行狀態(tài)，則不會看到新添加的部件庫，退出重新進入即可看到新添加的部件庫。

9. 選擇新添加的部件庫，見下圖，可以看到在之前創(chuàng)建的時候，文件夾即部件庫的分類，每一個頁面里的元件即一個單獨的部件。

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

Axure 7.0中創(chuàng)建的部件庫在Axure 8.0中是能夠使用的，反之則不能夠正常使用，用Axure 8.0的朋友們多注意一些。以上是Windows**作系統(tǒng)下Axure 7.0創(chuàng)建自建部件庫的具體**作，理論上Mac上也是行的通的，然而我并沒有實踐過，因為木有Mac啊，Mac的小伙伴們可以自行測試一下…

以上就是本文的主要內(nèi)容，下篇文章寫中繼器相關的一些知識，歡迎斧正、指點、拍磚…

*本文由 @王家郴 原創(chuàng)發(fā)布于產(chǎn)品壹佰（**：chanpin100ghsd），未經(jīng)許可，禁止轉(zhuǎn)載。

拓展知識：

fireworks8.0

　　想學會一個軟件，第一就得弄明白這一款軟件的作用是什么，本質(zhì)是什么，只有弄懂了才更快上手。下面是我為大家整理的是網(wǎng)頁作圖軟件Fireworks一些簡單的介紹，希望大家喜歡!

　　Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡圖形設計的圖形編輯軟件，它大大簡化了網(wǎng)絡圖形設計的工作難度，無論是專業(yè)設計家還是業(yè)余 愛好 者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態(tài)按鈕、動態(tài)翻轉(zhuǎn)圖等，因此，對于輔助網(wǎng)頁編輯來說，F(xiàn)ireworks將是最大的功臣。借助于Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁的圖像并進行精確控制。Fireworks 業(yè)界領先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達到平衡。它與 MacromediaDreamweaver和 MacromediaFlash共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時又能避免由于進行Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動畫，如變換圖像和彈出菜單等。

　　1.創(chuàng)建編輯編輯

　　創(chuàng)建和編輯矢量圖像與位圖圖像，并導入和編輯本機Photoshop和Illustrator文件。

　　2.圖像優(yōu)化編輯

　　采用預覽、跨平臺灰度系統(tǒng)預覽、選擇性JPEG壓縮和大量導出控件，針對各種交互情況優(yōu)化圖像。

　　3.高效集成編輯

　　導入 Photoshop (PSD) 文件，導入時可保持分層的圖層、圖層效果和混合模式。將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。導入 Illustrator (AI) 文件，導入時可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。

　　4.原型構(gòu)建編輯

　　網(wǎng)站和各種 Internet應用程序構(gòu)建交互式布局原型。將網(wǎng)站原型導出至 Adobe Dreamweaver，將 RIA 原型導出至 Adobe Flex。

　　5.支持多頁編輯

　　使用新的頁面板在單個文檔 (PNG 文件) 中創(chuàng)建多個頁面，并在多個頁面之間共享圖層。每個頁面都可以包含自己的切片、圖層、幀、動畫、畫布設置，因而可在原型中方便地模擬網(wǎng)站流程。

　　6.組織方式編輯

　　采用與Adobe Photoshop 類似的新分層圖層結(jié)構(gòu)來組織和管理原型，使您能方便地組織Web 圖層和頁面。

　　7.濾鏡效果編輯

　　應用燈光效果、陰影效果、樣式和混合模式 (包括源自 Photoshop 的 7 種新的混合模式)，增加文本和元件的深度和特性。

　　8.公用庫存編輯

　　公用庫中包含 Web應用程序、表單、界面和網(wǎng)站中經(jīng)常用到的圖形元件、文本元件和動畫，可以使用它迅速開始原型構(gòu)建過程。

　　9.智能縮放編輯

　　通過切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。將切片縮放與新的自動形狀庫相結(jié)合，以加速網(wǎng)站和應用程序的原型構(gòu)建進度。

　　10.簡化集成編輯

　　** Fireworks CS3 中的任意對象，并直接粘貼到 Dreamweaver CS3 中。創(chuàng)建可保存為 CSS 和 HTML(標準通用標記語言下的一個應用) 的彈出菜單。將 Fireworks (PNG) 文件直接導出至 Flash CS3，導出時可保持矢量、位圖、動畫和多狀態(tài)不變，第二在 Flash CS3 中編輯文件。

　　11.必知功能編輯

　　眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量(除非放大了與原圖對比)。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大(因為它是適合處理印刷品，要求比較清晰)，最終還是要用Fireworks來處理一下。

　　在優(yōu)化面板里有“導出jpg較高品質(zhì)”，導出默認的80品質(zhì)(可以用“2幅”畫面對比之前之后的大小)。我用的是以前的Fireworks 8.0版本**作，不知道Adobe Fireworks CS3 里這個功能怎樣。

　　12.主要說明編輯

　　為Macromedia家族的一員，三劍客之一的FW，這款軟件的主要任務和特色就是制作矢量圖為網(wǎng)頁服務，F(xiàn)W也是Flash的最佳伴侶，在三劍客的MX系列中，F(xiàn)W和Flash的聯(lián)系更為緊密，所以無論是網(wǎng)頁制作和Flash制作，F(xiàn)w都是不可或缺的利器.在Fw3年的應用實踐過程中，我無時無刻不在感受她的卓越和便利。的確，網(wǎng)頁制作看重的是效果和速度，并不是你用的軟件專業(yè)與否，你用了多少個軟件作出的網(wǎng)頁，設計師作出的網(wǎng)頁是為了讓大家接受而不是顯示自己的本領，在這樣的前提下，F(xiàn)w的確是最好的選擇，最好的矢量圖效果，最快的速度，如果不選擇FW，又選擇什么呢