Axure 9.0入门设计APP界面

最新推荐文章于 2025-02-15 18:09:04 发布

肥宅Davina

最新推荐文章于 2025-02-15 18:09:04 发布

阅读量6.6k

点赞数 11

分类专栏： LNU作业笔记文章标签：产品设计

本文链接：https://blog.csdn.net/m0_51146371/article/details/118306460

版权

LNU作业笔记专栏收录该内容

3 篇文章

订阅专栏

本文提供了一种快速使用Axure 9.0设计APP界面的方法，适用于临时作业。教程涵盖新建文件、添加图形组件、设置交互以及预览页面等步骤，并提到了动态面板和热区的使用，帮助初学者模拟APP页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Axure 9.0 下载（7天有效）
链接：https://pan.baidu.com/s/1yYOWw-SXHGoK3vc44vffSw
提取码：2y7y

前言

这个教程就是快速糊弄作业的，所以没有什么干货讲解，重要的是糊弄完作业，想看干货的老哥们可以退出了。

Axure的使用方法可以看作是PPT和AI的结合体，对图形组件的剪裁和AI很相似，而切换页面的逻辑与PPT很相似。

你得先对你设计的APP有个大致的思路，想做什么APP，大致的有几个页面，有什么功能，每个页面上都有什么按键。因为这个教程没有具体的APP设计过程……只是Axure的教程。

糊弄教程-“静态”部分

首先新建文件，
在这里插入图片描述这里是控件面板的元件库，我们制作APP模型运用的东西都在这，本次教程常用的用红框标注了。

鼠标拖动矩形1至中间的线框图工作区左上角（Ctrl+’ 可以调出线框），在交互区的样式中将尺寸调成合适的尺寸，这里用的是376670。（作业要求是10801920）
以这个矩形为底（当做是手机显示屏），在上面画界面。
按住Ctrl后滚动鼠标滚轮可以改变工作区缩放。
在这里插入图片描述然后用之前那些常用的元件把这个APP版面填满，右侧的交互区的样式可以调整组件的样式，上面的菜单栏也可以对组件进行修改。
矩形、圆形双击后可以在中间添加文字，图片组件双击后可以将电脑图片导入到工作区。
单击一下可以修改元件的大小，拖动矩形可以修改位置，拖动左上角的黄色▽可以修改圆角，这个是一个价值200万的技能。
在这里插入图片描述
右键元件后，可以复制（Ctrl+C）粘贴（Ctrl+V）。
其中有个顺序，可以理解为PPT中的图层顺序。
按住Ctrl可以进行多选，之后右键组合，或者（Ctrl+G），可以进行整体的变换移动，之后可以再次右键取消组合。
在这里插入图片描述我们利用以上的技巧来制作一个简易的页面。
在页面导航区，右键添加新页面。
如法炮制再制作出几页APP界面。我因为懒直接用了文字做菜单栏，大家可以搜一些icon或者用图片裁剪一下做图标。
可以用手机截屏一个APP的界面当模仿对象，然后可以一点点复刻。
在这里插入图片描述

糊弄教程-“动态”部分

现在我们已经做完了四个页面，接下来该实现一下他们的跳转了。我之前说跟PPT很像，PPT常规情况下是点击后切换到下一张，或者用超链接点击后跳转到什么页面。
在元件中找到“热区”，热区就相当于加了超链接跳转。拖动热区到工作区，调整到合适大小。
在这里插入图片描述在右边的交互区（和样式在一行上），点击新建交互，选择“鼠标单击时”——“打开链接”——点选合适的页面

同理做完四个热区后可以直接选择热区复制粘贴到其他几个页面上。