介绍Axure RP几个常用小设计(二)

介绍Axure RP几个常用小设计(二)

以下介绍几个常用小教程,还是那句话——内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈

/偷笑。

一.顶部导航冻结,页面下拉可跟随

例如:下拉网页进行浏览,顶部导航悬停,固定在顶部位置

演示

1.按照自己理解,拖动几个元件,把导航和主体页面设计好;

2.导航处,右键设置“转换为动态面板”,并命名top;

3.页面空白处,选择交互方式(窗口滚动时);

4.添加动作移动→选择导航→移动:绝对位置→X坐标为0,Y坐标插入变量或函数(Window.scrollY)

步骤1
步骤2

二.注册模块(手机注册、邮箱注册互切换)

演示

1.拖动元件,先布局好手机注册内容表,所需的内容,包括(手机输入框,点击获取验证按钮,2次输入密码框,注册按钮);

2.手机注册内容表,右键设置“转换为动态面板”;

3.手机注册内容表,右键设置“管理面板状态”,动态面板名称设置为“add”,下面的面板状态修改State1的名称为“iphoneadd”,并添加一个状态,命名为“emailadd”;

4.点击“emailadd”,进入动态页,为邮箱注册内容表添加元件,所需的内容(电子邮箱输入框,2次输入密码框,注册按钮,边框)注意:边框需要去除顶部框线;

5.设置手机注册、邮箱注册互切换,对手机注册框,设置鼠标点击交互→添加动作“设置面板状态”→选择状态“iphoneadd”;

6.设置手机注册、邮箱注册互切换,对邮箱注册框,设置鼠标点击交互→添加动作“设置面板状态”→选择状态“emailadd”;

步骤1
步骤2
步骤3

三.简单滚动条设计

演示

1.拖动2个元件,矩形和动态面板,准备一个滚动条素材,我这里用的是蓝色条状素材;

2.设置矩形长为500,宽为20,(这个看自己爱好),把矩形设置为圆角,个人觉得这样好看些;

3.把动态面板也设置为长为500,宽为20,导入条状素材,覆盖到圆角矩形上;

4.设置动态面板交互属性,载入时→添加动作设置尺寸→当前元件→宽1高20;

5.再添加一次设置尺寸动作→当前元件→宽500高20,→动作为线性,时间为5000毫秒(即5秒)


步骤1


步骤2

有看不明白的同鞋,可以留言。想要看《介绍Axure RP几个常用小设计(三)》,请加关注,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下几小教程使用的是Axure的动态面板来实现,内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈/偷笑。 一....
    产品匠阅读 2,936评论 0 8
  • 以下介绍几个常用小教程,还是那句话——内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈 /偷笑。 一.网页图片...
    产品匠阅读 1,406评论 0 13
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,726评论 25 709
  • 7月20日,环卫局渣管科对辖区内的施工工地及渣土运输车辆进行日常巡查。
    wuouwuouou阅读 519评论 0 0
  • 问小孩,你的兴趣是什么?小孩说,唱歌、跳舞、画画,还有很多。 问大人,你的兴趣是什么?大人问,什么是兴趣。 为什么...
    简小珍阅读 260评论 0 1