菜鸟必知的几个Axure小设计

Posted 2020-08-08

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

/偷笑。

一．顶部导航冻结，页面下拉可跟随

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

演示

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

原文来自:简书／产联不绝_品而第之