axure教程之如何用axure画流程图.pdfVIP

axure 教程之如何用 axure 画流 程图 axure 教程如何用 axure rp 画流程图？ axure 系列教程这一章的主要内容是讲述如何 用 axure rp 画流程图： 1. 流程图 2. Flow Widget 3. 建立流程图 4. 关联网页 5. 输出流程图 6. 秘技(Quick Tips) 1.流程图 流程图可以用来表达各式各样的流程，包括： Use Case、商业流程与网页流程，在 Axure RP 中，流程图常被用来提供一个高阶视角 (high level view)来看网页设计可以达成的 工作。 在 Sitemap 窗格中的网页标示图案，预设为网 页形状的 ICON，您可以在 Sitemap 中的网 页上按鼠标右键并选择「Diagram Type-Flow」，将网页标示图案设定为流程 图 ICON。不过，这不是建立流程图所必要的 动作。这个动作与绘制流程图没有关联性，只是 用来辨识这个页面放置流程图或线框图。 2. Flow Widget 按下 Widgets 窗格工具列上的「Flow」可以 找到各种流程 Widget。 在 Widgets 窗格中有各种形状的 Widget 可 以用来代表不同的流程步骤，如果您找不到适合 的形状，也可以使用 Image Widget 来代替。 依惯例，在流程图中不同的形状的图形分别代表 着特定的意义，但是 Axure RP 并没有限制这 些图形的使用，一般来说，只要您的客户看的懂 就是最好的规则。 3. 建立流程图 就像 Wireframe Widget 一样，Flow Widget 也可以直接从 Widgets 窗格中拖拉 到 Wireframe 窗格，然后透过工具列或快捷 菜单(Context Menu)来编辑样式与属性，如 果要改变流程形状的话，可以按鼠标右键并选择 「Edit Flow Shape」子选单中的项目。 连接线 Flow Widget 和 Wireframe Widget 最主 要的不同就是 Flow Widget 具有可以附加连 接线的连接点。 想要加上连接线的话，请先按下工具列上的 【Connector Mode (F11)】钮，将 Wireframes 窗格改变为 Connector Mode，若是要将 Wireframe 窗格切换回 Pointer Mode 的话，则请按下【Pointer Mode (F9)】钮。 切换到 Connector Mode 后，在 Wireframe 窗格中按一下鼠标左键并拖曳， 就可以画出一条连接线。 若是要连接两个 Flow Widget 的，请在其中 一个 Widget 上的连接点按住鼠标左键，拖拉 连接线到另一个 Widget 上的连接点后放开鼠 标，就可以新增一条连接线；您也可以利用拖曳 连接点的方式将已经建立好的连接线附加到另 一个 Flow Widget 的连接点上。 连接线也可以套用线条末端(例如：箭头)与线条 样式(例如：虚线)，只要先选好您要设定的连接 线，再使用工具列上的 Line Pattern 与 Line Ends 按钮即可。 4. 关联网页 Flow Widget 可以关联到任意指定的一个参 考网页，一旦指定了关联网页，Flow Widget 上会显示这个网页的名称，而在 Prototype 中， 这个 Flow Widget 与网页间会自动建立 Hyperlink 连结。 从 Sitemap 窗格中，将任一网页拖拉到 Wireframe 窗格中，也会建立一个以这个网页 当作关联网页的 Flow Widget。 Flow Widget 上的关联网页可以透过在 Widget 上按鼠标右键，并选择「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 软 件上方主功