用Axure做原型（1）-零基础向

时间：2023-07-06 21:03:01 | 来源：网站运营

时间：2023-07-06 21:03:01 来源：网站运营

用Axure做原型（1）-零基础向：目前主流的原型设计工具有两个：axure和墨刀。

首先，学哪个软件更好？

Axure是美国公司开发的，因此网上下载的安装包均需要手动安装汉化包（过程较为简单）,或者去官网下载正版，均有30天试用期，个人版的正版授权是5000元终身，上手比墨刀稍微难一点，但是可以实现更复杂的交互等。

墨刀是国内研发，不需要汉化，操作非常简单，基本1天就可以上手，但超过20个页面，就需要开通会员，199元一年。

至于用哪个软件，仁者见仁，也要看工作环境。有一些公司基本实现了墨刀为主导，有些公司招聘的硬性需求必须是会Axure。

所以，最好两个都会，为后面的工作打好基础（笔者认为各行各业，其实基本功都非常重要）。

本文主要分享Axure的使用，墨刀的使用以后分享~

学习软件其实是一件非常枯燥的事情，而往往去工作以后可以把“以前学不会的东西学会”。一方面是，因为有工作任务压力，任务意味着有时间限制，并且有明确的标准。另一方面是，完成实际任务会显得“更加有意义”，容易激发自己的激情，通过完成获得成就感。

所以打算从临摹一个实际的案例 ，来带入基础操作。下面是从网上找到的案例，我们将对其进行原型临摹：



















Axure才拿到的时候，界面整体是一个白色（上图），个人认为非常不利于眼睛的保护，以及容易看花眼，所以可以通过手动设置，调整操作区域颜色来解决这个问题。

























表单的主要目的是采集数据和信息，从图上来看这是一个网站的后台页面。

首行是后台名称及欢迎文字。

第二行是一个导航器功能。

从第三行得知，我们是在首页这个版块的数据页面。

并且有一个筛选导航器，可以通过选择，查看首页的总数据，或者分开查看PC、移动端的数据。

第四行开始是详细数据。列出了浏览量、访客数、新增登陆用户和平均方位时长等关键数据。

第五行是查看之前数据的功能。列出了常用的几个选项，以及可以根据需要选择时间段。

第六行是关键指标的分类导航器。

第七行是分类导航的图标展示区。







知道各个功能的意义后，下面思考-用什么来制作？

界面左下方是Axure自带的元件库，可以用这些元件完成界面的“组装”。

Default元件库是这款软件的核心，包含有基本元件、菜单和表格、标记元件等常用元件。













把需要使用的元件拖动到画布上







1.1直线，需要延长的时候，按住shift再拉伸，可以保持直线平行。

1.2文本标签，页面中纯文字部分，可以使用这个元件。

1.3图片，图片拉出来的时候默认为长方形，可以根据自己的需要进行调节，这里我们需要一个圆形，所以需要设置圆角和长宽。

1.3.1长宽设置







拖动边缘线或者在顶部工具栏直接设置长宽，长款输入一样的数值可以得到一个正方形，再设置圆角，即可得到圆形。







1.3.2设置圆角







1.4单选按钮

这个在菜单和表格中。

默认是3*3格。整体操作逻辑和EXCEL差不多。拖动左上角方块， 可以挪动位置。双击格子进行文字输入。鼠标放到两格中间时可以调整行/列间距。













1.5按钮

操作方法和表格类似。

2提高制作效率

2.1如何复制元件：直接ctrl+cctrl+v，或者鼠标选中需要复制的元件，然后按住ctrl再进行拖拽，就可以复制出来。

2.2如何对齐：(1)挪动的时候尽量按住shift;(2)拖动时，注意软件提示的参考数值；（3）拉参考线（下图）







通过以上方法，即可临摹出这个页面（下图）。后面也可以尝试做一些自己的页面~