设计APP，首先需要想法，其次需要测试。 传统的方法是用文本创建的，但这种基于文本的设计存在用户参与不足、需求和规格不完善、需求和规格变更等问题。 所有这些原因都会导致软件开发失败，所以需要原型的设计。
原型设计是将文字文档转换为交互式可视屏幕，以便客户在开始编程之前进行需求确认。 这些方法是一种高效的以客户为中心的技术，是一种高效简化文档创作、吸引用户、尽早识别遗漏的需求，并将外部需求风险降至最低的方法。
上图是普通的App页面。 接下来，我将在Axure中创建此页面的高保真度原型。 高保真原型是一款高功能、高交互性的原型设计，可以基本恢复项目产品，实现功能操作。
对于一个页面来说，使用Axure创建的过程包含许多知识点，例如轮流传送和选项卡。
首先，这个模板显示在pc端的页面上，所以需要手机的样式框架。 可以在中创建，也可以在中引入样式模板。
接下来是主要内容的构建。
整个布局其实是分成几个大块拼凑在一起构成一个页面。 若要创建顶部颜色线，必须首先添加矩形组件，然后相应地调整其大小。 主要是颜色的设定。
工具栏中，或者单击符号，然后单击“交互式”面板中的样式以查找填充选择颜色。
选择“填充”类型的渐变，并在下面的颜色条上添加标记点。 此标记点设置下一个渐变的颜色，根据需要添加标记点，然后设置渐变的颜色。 右侧设定颜色渐变的方向。 默认的0水平方向允许您根据角度设置渐变方向。
接下来，创建主要选项卡。 并排添加相同大小的多个矩形组件，将其紧凑地放置在彩色线下，并放置其中的文本。 然后，添加一个与透明圆形小组件大小相同的矩形组件，并将其放置在第一个小组件上。
向每个小部件添加鼠标移动事件，并在鼠标移动时移动选定样式的矩形组件。 将选定样式矩形的位置移动到鼠标当前移动到的小组件上。
要移动部件，必须放置参数，选择要执行该方法的部件，然后向其中添加操作。 必须将动作设置为移动其他部件，并将放置操作对象部件的移动后位置设置为绝对位置。 然后，移动位置设定x轴和y轴的参数值。
单击x轴和y轴旁边的" fx "进入设置面板，在插入变量或函数中找到" This "选项，然后单击并输入".x "，如下图所示。 (要设置y轴，请输入. y。
如果选取this，参数参照将成为要向其中添加操作的当前元件。
接下来是轮播。 根据添加的动态面板元件以及实际添加的多个面板，设置面板的内部内容。
单击零件编辑区域的空白处，添加页面加载事件，并在页面加载时执行动态播放。
文字的滚动像传送带一样，只是将内容(图像)变更为显示文字。
最后一项是标签切换信息面。 切换还需要动态面板，因为它涉及动态效果。 在此添加多个面板。 将顶部和制表符放在一个面板中，调整布局。 几个面板也一样。
将选项卡中每个选项的选定状态设置为背景为白色，字体为红色。 然后，设置每个单击事件，并将行为设置为将选择状态设置为“true”。
将动作添加到“设置面板状态”，选中动作中的当前“动态”面板，然后定位参数以侧重于此处的选择。 每次单击切换标签按钮时，如果不将对应的选择状态也设置为对应的面板，则无法跳转到对应的面板。
现在，您可以在一个面板中设置所有包含交互式用例的内容，使用面板状态管理页面复制页面，然后进行部分调整，速度会更快。
将创建这样一个简单的高保真原型App页面。