1、.：.； HYPERLINK t _blank axure教程如何用axure rp畫流程圖？ HYPERLINK t _blank axure系列教程這一章的主要內容是講述如何用axure rp畫流程圖：1. 流程圖2. Flow Widget3. 建立流程圖4. 關聯網頁5. 輸出流程圖6. 秘技(Quick Tips)1.流程圖流程圖可以用來表達各式各樣的流程，包括： HYPERLINK t _blank Use Case、商業流程與網頁流程，在Axure RP中，流程圖常被用來提供一個高階視角(high level view)來看網頁設計可以達成的任務。在 HYPERLINK t _b

2、lank Sitemap窗格中的網頁標示圖案，預設為網頁外形的ICON，您可以在Sitemap中的網頁上按鼠標右鍵并選擇Diagram Type-Flow，將網頁標示圖案設定為流程圖ICON。不過，這不是建立流程圖所必要的動作。這個動作與繪制流程圖沒有關聯性，只是用來辨識這個頁面放置流程圖或線框圖。2. Flow Widget按下Widgets窗格工具列上的Flow可以找到各種流程Widget。在Widgets 窗格中有各種外形的Widget可以用來代表不同的流程步驟，假設您找不到適宜的外形，也可以運用Image Widget來替代。依慣例，在流程圖中不同的外形的圖形分別代表著特定的意義，但是

3、Axure RP 并沒有限制這些圖形的運用，普通來說，只需您的客戶看的懂就是最好的規那么。3. 建立流程圖就像 Wireframe Widget一樣，Flow Widget也可以直接從Widgets 窗格中遷延到Wireframe 窗格，然后透過工具列或快捷菜單(Context Menu)來編輯款式與屬性，假設要改動流程外形的話，可以按鼠標右鍵并選擇Edit Flow Shape子選單中的工程。銜接線Flow Widget和Wireframe Widget最主要的不同就是Flow Widget具有可以附加銜接線的銜接點。想要加上銜接線的話，請先按下工具列上的【Connector Mode (F

4、11)】鈕，將Wireframes 窗格改動為Connector Mode，假設是要將Wireframe窗格切換回Pointer Mode的話，那么請按下【Pointer Mode (F9)】鈕。切換到Connector Mode后，在 HYPERLINK t _blank Wireframe 窗格中按一下鼠標左鍵并拖曳，就可以畫出一條銜接線。假設是要銜接兩個Flow Widget的，請在其中一個Widget上的銜接點按住鼠標左鍵，遷延銜接線到另一個Widget上的銜接點后放開鼠標，就可以新增一條銜接線；您也可以利用拖曳銜接點的方式將曾經建立好的銜接線附加到另一個Flow Widget的銜接點

5、上。銜接線也可以套用線條末端(例如：箭頭)與線條款式(例如：虛線)，只需先選好您要設定的銜接線，再運用工具列上的Line Pattern 與Line Ends按鈕即可。4. 關聯網頁Flow Widget可以關聯到恣意指定的一個參考網頁，一旦指定了關聯網頁，Flow Widget上會顯示這個網頁的稱號，而在Prototype中，這個Flow Widget與網頁間會自動建立Hyperlink連結。從Sitemap窗格中，將任一網頁遷延到Wireframe窗格中，也會建立一個以這個網頁當作關聯網頁的Flow Widget。Flow Widget 上的關聯網頁可以透過在Widget上按鼠標右鍵，并選

6、擇Edit Flow Shape-Edit Reference Page來編輯或去除。5. 輸出流程圖在Auxre RP繪制的流程圖，可以輸出成圖檔或網頁。輸出成圖檔:選擇File Export to Image，就可以把單獨這頁流程圖轉成圖檔。 假設您想把流程圖放到Powerpoint或Word文件，可以直接全選整個 Axure RP流程圖，以Coyp/Paste的操作方式貼到Powerpoint或Word文件中。輸出成Prototype:是的，流程圖可以直接在閱讀器上觀看。輸出流程圖到Html Prototype方式跟輸出其它網頁到Prototype一樣，請按下Axure RP軟件上方主功能選單Generate菜單，選擇Prototype(F5)即可。6. 秘技(Quick Tips)秘技一. 固定銜接線，取消自動繞圖: 在預設的情況下，銜接線會自動繞過中間妨礙的Widget來