Axure RP 实践.1
工作需要设计产品原型，找来Axure RP帮忙，看了一些文章，其中下面这段话深得我心。
“只使用Axure的默认控件（Wireframe），不要用那些样式花哨的自定义控件，并且所有页面中使用的颜色不能超过5种（不同灰度的灰色也算一种颜色）。然后，在交互动作方面，务必要做到尽可能的全真。交互动作是开发过程中最容易出现理解误差的产品设计要素，因此务必有一份详实、形象的文档来进行阐述。用Axure来解决，真是再适合不过了。”
1 模拟手机上的左右滑动切换视图
示例页面：http://share.axure.com/D8AI7T
（1）新建一个工程，在page1里放个iphone背景图，拖一个Dynamic Panel上去。
（2）在右下角的Dynamic Panel Manager里右键State1，Edit。
（3）再拖放个DynamicPanel上去，大小是原大小的两倍。同理也在state1上右键Edit。左右各放一个东东标示滑动的左右页面。我这里放了一个图片和PlaceHolder。
（4）至此布局完成，下面添加事件，回到State1（Page1）页，选中Dynamic Panel。在右侧的Interaction里添加SwipeLeft和SwipeRight事件。
（5）如下图，添加的事件为Move Panel，把我们这个有两幅图片的Panel坐标偏移140px，同时是线性的在500ms内完成移动就可以达到效果。
移动位置有两种方式：（to 绝对位移）或者（by 相对位移）可以达到同样的效果。
绝对移动是将动态面板移动到一个固定的坐标，相对移动是将动态面板沿左/上移动相应距离。若动态面板移动到一个固定的位置或者可以获取准确的位置数据，推荐使用绝对移动，因为相对移动较容易出现多次点击会连续移动的bug。二者区别及适用情况需要在交互动作制作过程中多多体会。
动画有“挥动”“线性”“缓慢结束”“弹跳”等多种动作方式可供选择，可根据实际需要进行设置，要符合我们设计交互的需求。
最新文章
- 剑指Offer面试题：34.翻转单词顺序VS左旋转字符串
- 【代码】二进制转BCD [转]
- unity3d 镜头随触屏移动
- PHP编程中10个最常见的错误
- HDU 3746 Cyclic Nacklace KMP
- 防止DDoS攻击的方式
- 热门开源项目：Guns-后台管理系统
- linkin大话面向对象--抽象类
- JVM类加载机制---类加载器
- 【转】 HDMI介绍与流程
- 机器学习--Lasso回归和岭回归
- VRay（一）材质基础
- PostgreSQL之时间戳自动更新
- Spring boot 中Hibernate 使用
- 怎么下载tomcat的其他版本
- vue2 过渡动画
- php初学习
- [rejected] master -> master (fetch first)(non-fast forward)
- eclipse 使用lombok 精简java bean
- shell逻辑运算符 1