对于想要入行产品经理、交互设计岗位的新手来说,Axure是必须掌握的原型设计工具,不少零基础的初学者刚接触Axure时会觉得界面复杂、功能繁多,不知道从何入手,其实只要理清核心基础内容,花1到2天就能掌握入门技能,独立制作可交互的基础原型。
Axure核心界面构成
打开Axure后,你不需要第一时间吃透所有按钮功能,先记住四个核心区域即可。左侧是页面面板和元件库面板,页面面板用来管理整个项目的所有页面,支持新建文件夹分类、调整页面层级,元件库则存放着所有可以直接调用的原型组件,直接拖拽就能放到画布上。中间区域是画布,也是你绘制原型的核心区域,所有页面内容都在这里完成编辑。右侧是样式、交互、属性三个面板,分别用来调整元件的外观效果、添加交互动作、设置元件的基础属性。顶部是常用工具栏,存放着对齐、组合、撤销等高频操作按钮,熟悉之后可以大幅提升操作效率。
必学的基础元件用法
Axure自带的元件分为基础元件、表单元件、菜单表格等多个分类,零基础新手先掌握最常用的几类即可。基础元件里的矩形、文本标签、图片使用率最高,矩形可以用来做页面容器、按钮背景、模块分隔块,文本标签用来标注页面文字说明,图片元件支持导入本地素材填充。表单元件里的输入框、下拉框、单选框、复选框,是做登录、表单提交类页面的必备组件。另外要重点掌握热区元件,热区是透明的点击区域,不需要修改原有元件的样式,就可以给任意位置添加点击交互,是新手做跳转类交互的首选。
新手首次实操的简易流程
刚入门的新手可以先从制作简单的登录页原型练手,完整走一遍Axure的操作流程。首先在左侧页面面板右键点击新建两个页面,分别命名为登录页和首页。切换到登录页,从左侧元件库拖拽两个文本标签,分别输入“账号”“密码”,对应位置放上两个输入框元件,再拖拽一个矩形调整大小、改成蓝色,添加“登录”文字作为按钮。接下来给按钮添加交互,选中登录按钮后,点击右侧交互面板的“新建交互”,选择触发条件为“单击时”,动作选择“打开链接”,链接目标选择之前建好的首页,点击确定后,点击顶部的预览按钮,就可以在浏览器里测试点击登录按钮跳转到首页的效果,一个最简单的可交互原型就制作完成了。
新手入门时要避开两个常见误区,一是不要刚上手就追求做高保真原型和复杂交互动效,前期核心是理清页面逻辑,能准确传达产品思路即可,等基础操作熟练后再接触动态面板、中继器等进阶功能即可。二是不需要死记所有功能按钮,Axure很多冷门功能日常工作使用率极低,遇到特殊需求再查找对应教程也完全来得及,平时也可以下载第三方通用元件库,不用每次从零绘制导航、弹窗等通用组件,能大幅提升原型制作效率。
