Axure是目前国内互联网行业应用最广的原型设计工具,不管是产品经理、交互设计师还是运营岗位,掌握基础操作都能大幅提升需求沟通效率。对于新手来说,不用一开始就钻研复杂的高阶功能,先搞定核心基础操作就能快速产出可用原型。
前期准备与界面认知
安装完成后打开Axure,首先要熟悉默认界面的四大核心分区。左侧面板分为上下两部分,上半部分是页面面板,用来管理原型的所有页面和文件夹,下半部分是元件库,内置了几十种常用的原型组件。中间区域是画布,也就是绘制原型的主操作区,所有元件都要放到画布上才能生效。右侧面板是属性、样式、交互三个子面板,分别用来调整元件的参数、外观和交互逻辑。顶部是常用工具栏,包含对齐、预览、发布等高频功能按钮,底部是备注栏,可以给当前页面添加说明信息。
基础元件的拖拽与编辑
新手最常用的基础元件包括矩形、文本标签、按钮、输入框、图片占位符等,使用方法非常简单,直接按住左侧元件库中的对应元件,拖拽到画布的对应位置松开即可。如果要修改元件内容,直接双击元件就能输入文字,需要调整外观的话,选中元件后在右侧样式面板修改字体大小、颜色、填充色、边框圆角等参数,也可以直接拖动元件四周的控制点调整尺寸,需要精确数值的话直接在右侧属性面板输入宽高数值即可。如果同时选中多个元件,点击顶部工具栏的对齐按钮,就能快速实现左对齐、水平居中、垂直等距分布等操作,不用手动拖拽调整位置。
页面层级与跳转设置
完整的原型一般包含多个页面,你可以在左侧页面面板右键点击,选择新建页面或者新建文件夹,还可以直接拖拽页面调整顺序,设置父子级页面关系,比如把产品详情页、分类页都归到首页的子层级下。要实现页面之间的跳转也很简单,选中画布上的按钮、图片等触发元件,点击右侧交互面板的“新建交互”,选择触发条件为“单击时”,再选择动作“打开链接”,最后选中对应的目标页面即可完成设置。除了跳转之外,新手也可以尝试简单的显示隐藏交互,比如先把下拉菜单的内容元件组设置为隐藏,再给触发按钮添加“单击时显示元件组”的交互,就能实现常见的下拉菜单效果。
原型预览与导出
所有设置完成后,点击顶部工具栏的“预览”按钮,就能自动跳转至默认浏览器查看可交互的原型效果,点击你设置过交互的元件就能验证跳转、显示隐藏等逻辑是否正确。如果需要分享给其他人查看,点击顶部的“发布”按钮,选择“生成HTML文件”,导出到本地文件夹后,直接打开文件夹里的index.html文件就能查看,也可以上传到Axure云生成在线链接,直接把链接发给同事就能跨设备查看。
新手入门阶段不用急着学习动态面板、中继器等复杂功能,先通过上述基础操作完成一个包含3-5个页面的简单APP原型,比如模拟常用的社交软件首页、个人中心页,熟悉操作逻辑后再逐步拓展高阶功能,一般1-2天就能完全掌握基础操作。
