交互时代ui设计如何使用工具Axure.docxVIP

交互时代ui设计如何使用工具Axure随着互联网的大力发展，如今已进入交互的时代，交互时代下，ui交互设计显得尤为重要，设计过程中它不仅要考虑用户体验，视觉体验，交互体验等等，更要技术了得，熟练使用工具Axure，ui设计中交互部分是现在大部分企业都十分重视的一个方面，一副ui作品能不能称得上好的顶尖的作品工具Axure发挥着重要的作用，因为交互设计直接与用户体验挂钩，和大家分享一下关于交互设计的工具Axure的简单实用方法，本文只总结了部分常用功能。如有遗漏还望补充。对于交互时代来说，学习死记硬背可不行，更多的还是要靠自己灵活运用学到的知识，通过自己的理解创造出拥有良好用户体验的好作品。Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。使用axure我们不但可以很好的展示自己产品的逻辑思维和页面功能，更可绘制低保真、中保真以及接近于app上线效果的高保真原型图作为自己征服客户和老板的利器接下来让我们开始学习探讨这款高大上的软件吧首先介绍一下Axure软件常用区域常用区域为六个区域分别是1、工具及属性区域：拥有部分绘图工具及大部分属性设置的区域2、页面区域：显示自定义页面的区域，我们可以在此区域完成新建、删除画布以及完成对画布名称的设置3、元件区域：这是Axure的绘图工具区域，工具采用拖拽到画布的方式来进行页面绘制4、画布区域：我们可以通过拖拽图形到画布的方式在此进行绘制5、交互事件区域：我们可以在此设置自己的交互效果，做出有趣的动效6、图层区域：这里显示的是当前页面的全部图层，我们可以再次调整图层达到自己的绘制目标其次我们来介绍一下Axure中常用的快捷键1、Ctrl+N??? 新建页面2、Ctrl+S?? ??保存页面3、Ctrl+Shife+S ? ? 页面另存为4、Ctrl+Z ?? 后退一步5、Ctrl+Y ? ? 前进一步6、Ctrl+D??或??Ctrl+拖拽?????复制7、Ctrl+F ?? 查找8、Delete???? 删除9、Ctrl+G ? 创建组10、Ctrl+] ? ? 上移一层11、Ctrl+[ ?? 下移一层12、Ctrl+Shife+] ? ? 移至顶层13、Ctrl+Shife+[ ? ? 移至底层14、F8???生成HTML15、空格+鼠标左键???? 移动画布16、Ctrl?+?+或 往前滚轮???? 放大画布17、Ctrl?+?-?或 往后滚轮???? 缩小画布接下来我们来讲讲Axure常用的功能1、Axure可通过交互区域来设置触发事件来进一步实现动效位置：工具右上角2、Axure图层区域图层区域：我们在做界面的过程中常会碰到图层被遮住了，选不中的情况，可在此区域进行选择；也可以给图层命名（注：中英文皆可）方便自己查看。位置：工具右下角3、Axure制作动效最常用到的工具：动态面板动态面板：他相当于一个看不见盒子，元件想运动起来，必须通过这个盒子来带动。大约90%以上的动效都必须用动态面板来实现（注：动态面板中命名必须使用英????????????????文，方便浏览器识别）。????????????????双击动态面板可进入动态面板对状态进行编辑，状态中不管图形多大，显示的大小都为动态面板大小，多出的部分将被隐藏；动态面板的显示区域是从???? ????????????????状态页面中（0,0）位置开始计算位置：右键动态面板或在元件区域里查找（根据实际情况选择）4、Axure热区元件热区：我们常用到热区来扩大点击范围，增加点击的灵敏度位置：元件区域5、常用交互动作①设置面板状态：可通过动态面板的状态切换来实现自动滑动、拖拽滑动等效果②条件设定：可使用用例编辑器顶部的条件设立来实现复杂的条件判断③其它：打开链接、显示隐藏、移动等等，更多的交互动作希望大家能在工作学习中根据自己的需求灵活运用