从零开头学Axure原型设计(入门篇)

从零起初学Axure原型设计(入门篇)

倘诺说Sketch是最美、最精简的设计软件,那么Axure正是最强劲的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能够添加交互动作,是拓展原型设计的一级软件之一。固然Axure的学习曲线比较陡峭,可是驾驭之后方可飞速完成我们脑海中的用户体验效果。

笔者自学Axure有5个月多的时间了。刚早先接触Axure的时候,逛过无数论坛、Axure的网站,也浏览了许多大咖录制的Axure录像课程。那几个课程和素材13分完整地介绍了那款软件能够做什么,那款软件的界面怎么着,怎么样使用部件,如何创制交互等。但是在自学进程中,如何控制学习的顺序顺序从而达到最好的学习效果那方面自身走了重重弯路。

写那篇小说正是想总计一路走来的经验教训,并且跟大家大快朵颐怎样高效精晓Axure那款软件的施用,以及如何将协调的想法通过那款软件来达成,从而构建起自个儿使用那款软件的章程。希望对我们有支持。

在入门篇中,主要讲解Axure的界面布局和部件库的采取。

急速入门Axure界面

Axure界面,图片来自互联网

  • 工具栏:类似office软件,可以对字体大小、背景填充、图形宽高以及身处工作区的岗位(X\Y轴)进行修改;

  • 工作区:绘制产品原型的操作区域,全体的采纳的构件都直接拖拽到里头就好了。

  • 页面导航:能够由此鼠标拖动调整页面顺序以及页面之间的涉及,双击能够重命名。

  • 部件库:也叫组件库或元件库,全体软件自带的预制构件和加载的元件库都在此处,那里能够执行成立、加载、删除axure元件库的操作,也得以依照要求显得任何部件或某一元件库的预制构件。大家能够点击放大镜图标,搜索自身索要的部件。

  • 母版:那里能够成立重复出以往每一个页面包车型大巴因素,那样在炮制时就不要再重复那几个操作。日常用于页面底部、菜单栏等的创立。

  • 页面交互:那里能够设置当前页面包车型客车样式,添加与该页面有关的表明,以及安装页面加载时接触的轩然大波onpageload。

  • 部件交互:那里能够设置选否月件的价签、样式,添加与该构件有关的诠释,以及安装页面加载时接触的轩然大波。雷暴样式的小图标代表互动事件。

部件库的结合

问询部件库的选用是Axure的基础,上面大家就来梳理一下Axure中的常用部件:

Axure部件库

部件使用易错点

有关部件库的施用,新手尤其简单出错的有以下几点:

  • 图表:图片拖拽进画布时要是选拔“压缩图片大小”,gif文件会成为静态的图片方式。
  • 图形热区:图片热区能够用来创建自定义按钮上的点击区域。例如在1个区域中,既有图表部件又有文字部件,大家只需在这一个部件方面覆盖三个图片热区并添加贰回事件即可,无需在各种部件上都助长事件。反之,假设您想给一张图纸上添加四个相互,也得以给图片的一对区域覆盖一块热区来贯彻。
  • 动态面板滚动栏:使用滚动栏给您的动态面板添加可滚动内容,在动态面板属性面板中选用,滚动栏下拉菜单并选择滚动栏的展现方式,为了让滚动栏符合规律展现,动态面板状态之中的始末必须比动态面板的边际概况大,并且无法勾选调整大小以契合内容。
  • 里面框架:你能够给内部框架的属性选项框中添加Axure内置的预览图片,如录制、地图,也足以自定义预览图片。注意:预览图片会在安排区域中显示,但不会在变化的原型中显得。
  • 列表选拔框:在一个并行事件中而且读取或设置多个挑选时,列表选用框部件只允许你读取或设置多个精选,就算你勾选了多选功用。
  • 交付按钮:提交按钮无法设置交互样式,如:选中/鼠标悬停/鼠标按下。提交按钮的填写颜色、边框颜色和其它多数体裁格式都被剥夺了。取而代之的是生成原型后在浏览器中它会动用内建的体制。如若您想自定义你的按钮样式,请使用形态按钮“Shape
    button”。
  • 菜单部件:不大概点击展开子菜单。菜单部件默许是鼠标悬停体现子菜单的。

专程提醒大家,在开创部件时,一定要养成给部件命名的习惯,因为无论是成立交互事件也许进行变量调用,都亟需精通部件的名目。最近自家动用的命名情势是“页面名称+部件成效”。

今后就去下载Axure,本人玩1遍这么些萌萌的构件吧!在认识了部件库和界面之后,我们就能够协调用Axure画线框图了。