Axure 9数字加减交互案例
Axure9 的数字加减交互,挺适合做表单里的数量选择那种交互,像购物车里加减商品数量的场景,用它就蛮顺手的。逻辑清晰,响应也快,操作起来比较流畅,适合直接拿来改。
用OnClick
事件搭配变量控制数字变化,配合Set Text
指令,一点就加一,减一也一样。变量值还可以设个上限下限,避免出错。
整个交互结构不复杂,就是一组按钮加一个文本框,逻辑用条件判断
搞定,比较适合初中级 Axure 用户练手。你想做成组件也行,复用起来挺方便。
如果你做的是移动端页面,可以再配合Axure 手势库
(像这个)一起用,效果会更贴近真实体验。嗯,还有几个不错的相关案例,也可以顺便看看:
- Axure RP 高级交互设计教程 —— 想做复杂交互的可以参考一下
- 城市选择组件交互设计 —— 类似结构的组件逻辑也能借鉴
- 产品交互设计中的简约原则 —— 做加减按钮时挺有启发的
,如果你正好在做电商类、管理后台那种涉及数量选择的模块,这个交互可以直接套用一下,省时间还稳当。
62.04KB
文件大小:
评论区