axure怎么用( 三 )


2 , 更多时候 , 请把精力聚焦到线框的逻辑与结构 , 而非交互效果上 , 尽可能用简洁的文字、分镜、示意图把交互效果描述清楚 。很多人追求把交互效果做的跟flash或js编程似的 , 这完全本末倒置 。
1.判断
在遇到几乎任何“什么什么时候” , 想要“怎么怎么样”的情况 , 能且只能用UC用例的判断来实现 。这几乎是高保真原型的灵魂 。
2.智能手机上那种图片滑动效果
需要至少两重动态面板嵌套才能保证滑动(Axure里是Drag拖动)时 , 不超出范围显示 , 至于滑动到一定程度返回 , 则需要结合判断里面“元件范围”的接触另一个控件与否 , 然后用动作来实现 。
能实现iPhone 在iOS 7那种解锁 。
3.自适应屏幕
这里说的不是Axure 7自带的那个坑爹的自适应 , 在显示左侧站点地图或者像素有一点点差别就失效的效果怎么拿得出手呢?而这些其实是可以通过调用屏幕尺寸来强行使原型适应屏幕的 。
比如一个banner , 宽度=屏幕宽度;比如一个App原型 , 让iPhone 机身始终处于屏幕水平垂直居中位置;Gmail 进度条也是一样 。
4.文本模糊搜索/分词搜索
这些都可以利用中继器实现 , 只是稍微麻烦点 , 要从另一列数据中包含搜索 , 并且那一列数据要写得比较全面在查找部分里可以找到 。用sousuo那一列里的关键词都能搜出左边的东西 。
5.图片文件上传
自从文本框可以设置为文件类型 , 支持用户选择电脑文件的时候 , 我就知道总有一天可以实现图片上传 。上传的图片只要是图片 , 不管什么格式都能正常显示 , 不用在Axure里一个个后缀名单独设置 。我的做法是文件类型文本框选择了一个文件之后 , 将文本框内的数据通过字符串函数进行一系列处理 , 在一个内部框架中打开 。
6.图片旋转/翻转
把同一张图片放到不同尺寸/转向的“图片”控件里 , 所有控件以一个动态面板不同的状态的形式保存 , 然后用一个UC设置动态面板的状态“重复”显示“下一个状态”即可 。
7.图片按比例放大缩小
需要把图片当作动态面板背景 , 并且在面板设置里设置好 , 才能用UC和变量控制它的比例缩放 , 此功能能衍生出非常多的效果 。
3.如何学习使用 Axure不说废话 , 只说干货 。
axure是个工具 , 要想快速学习axure , 必要多实践、多实践、多实践 。按照我学习axure的经验 , axure的学习基本可以分成5个步骤 , 5个步骤大约需要一周 , 每天一个步骤就可以了 。
步骤1:那就是把axure的安装起来 , 知道axure主要的功能有哪些 , 知道常用的操作有哪些;步骤2:了解axure里面常用元件 , 比如矩形、输入框、图形、文字标签等等 , 包括这些元件的样式和属性 , 到了这一步 , 就要可以动手了做了 , 比如做个简单的的登录线线框图啥的;步骤3:学习交单交互 , 了解常用触发事件和触发动作 , 比如单击、移动、隐藏、显示等 , 还可以了解一下简单的函数和变量 , 这里还是要实践 , 比如把上面线框图加上交互功能;步骤4:学习一些复杂的元件 , 比如动态面板、中继器 , 了解如何用 , 有哪些属性 , 如何做交互;步骤5:这时候可以把上面学习的知识做个串联汇总 , 制作一个比较复杂的原型 , 比如从简单的商品管理系统 , 包括登录密码的验证、商品列表的动他展示排序等;通过上面的5个步骤 , 你就可以算入门了 , 可以在工作中使用axure , 为以后的更深入的学习axure打下了基础 。至于学习的方式 , 可以是看资料和文档 , 也可以看视频 , 看文档资料学的快 , 适用于一些有基础的人 , 看视频更直观 , 适合一些小白用户 。