Axure基础知识
文章平均质量分 80
Z_ikCoffee
The worst feeling ever is not knowing whether you should wait or give up.
展开
-
1、Axure9.0实现简单的导航切换或tab切换效果
使用Axure9.0实现简单的web端导航栏的切换效果或者APP底部的tab切换效果,主要做了三种模式,如下图:1、构建基本的切换框架图2、设置交互2.1导航一效果设计(1)选中需要设置的交互元件,后点击交互页面中“新建交互”的按钮(2)设置交互事件,选中需要设置的元件,选择“单击时”的触发事件,并为其添加“设置选中”的动作(3)选中的元件为“当前元件”,并将其选中的值设置为“真”(4)修改鼠标选中后的样式,点击“添加类似鼠标悬停的交互样式”,并选择“元件选中原创 2021-02-10 16:28:39 · 4317 阅读 · 3 评论 -
仿微信读书APP原型设计
为了回顾一下之前学习的Axure,悄悄做了一个案例练练手,因为有用电子读书APP的习惯,再加上是常用APP差不多都绑定了QQ,所以选择腾讯旗下的微信读书作为这次案例的目标,功能点还没做完,只做了一部分,高深的部分还有待深入及后续的更新,目前先PO上已完成的原型设计图,在以后案例更新中会增加制作的详细的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助(PS:这次已经成稿了,后面功...原创 2019-11-25 21:04:40 · 2677 阅读 · 3 评论 -
Axure实现单选、全选与取消全选的方式
第一步:创建一个多选项的页面,如下所示:第二步:实现单选效果,选中需要设置单选效果的原件添加用例:第三步:设置原件的选中状态当前原件,其值设置为“toggle":第四步:设置原件点击后发生的样式变化,在“选中”中对原件的样式进行设置:第五步:原件单选效果已经设置完毕,如下图:第五步:对每一个参与多选的原件都进行单选样式的设置,包括全选原件,如下图所示:第六步:对全选原件选中状态样式的改变进行用例增...原创 2018-02-27 11:58:42 · 31932 阅读 · 5 评论 -
Axure实现省市列表的联动效果
---->初始状态:"请选择"时:---->选择省市列表时:第一步:在第一个下拉列表中设置对应的省级城市,如下图:第二步:设置一个动态面板与第一个下拉列表并列排布,并将动态面板命名未“list”,在其中添加与下拉列表对应的省级城市的名字,如下图所示:第三步:对于动态面板“list”中的每一个省级城市对应的页面添加一个下拉列表并在下拉列表中添加该省级城市的下属城市名字,如下图所示:第四步...原创 2018-02-27 14:41:29 · 5678 阅读 · 3 评论