axure教程之如何用axure画流程图.docx
-
资源ID:2100413
资源大小:143.06KB
全文页数:7页
- 资源格式: DOCX
下载积分:16金币
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
axure教程之如何用axure画流程图.docx
axure教程如何用axure rp画流程图?axure系列教程这一章的主要内容是讲述如何用axure rp画流程图:1. 流程图2. Flow Widget3. 建立流程图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软件上方主功能选单Generate菜单,选择Prototype(F5)即可。6. 秘技(Quick Tips)秘技一. 固定连接线,取消自动绕图: 在预设的情况下,连接线会自动绕过中间阻碍的Widget来连接两个连接点,为了避免连接线或Widget移动时连接线不断的自动改变路径,您可以按鼠标右键并选择Edit Connector->Do Not Autoreflow Connector来停止这个功能。