ad.js.design/online/prototype/source=sh&plan=xy806
Axure是目前流行的设计精美的用户界面和交互软件。Axure已经存在了近十年,它使UX设计者能够很容易地了解软件原型的创建细节。作为一种原型设计工具,Axure拥有一个强大的社区,通过许多例子和熟练的交互为UX世界做出了贡献。
从更高的层次来看,下面是Axure提供的功能:
图表及文档:有效原型设计采用动态内容。
条件流:精美的动画增强互动性
适应视图:支持Windows和Mac
对快速原型的制作,AxureRP提供了各种各样的工具和技术,总是帮助分析师和用户体验设计师实现最终目标。
安装Axure之后,您将看到下面屏幕截图所示的界面。在你选择不显示之前,这个屏幕将永远显示在启动时。
您可以选择Axure屏幕上的以下选项:
在Axure在中间创建一个新文件
打开现有的Axure项目
作为Axure的国产替代新的即时设计,可以在线协同工作,浏览器可以在不下载客户端的情况下打开和使用。即时设计支持团队成员同步编辑设计,产效翻倍。
让我们用Axure来创建一个新的文件。
当你单击“NEWFILE”按下按钮,你会看到下面的屏幕来创建新的原型。
如下图所示,工作区分如下:
这部分显示了Axure正在处理的页面。这些页面显示在默认的树木结构中,如下所示。主页上有以下子页面。您可以继续使用给定的结构或根据需要更改它们。因此,右键单击任何页面,然后您将看到添加、移动、删除、重命名和复制等选项。这部分允许与原型中的页面互动,就像大多数可用的不同工具一样。您可以使用它来规划预期原型中的屏幕。
假如以前使用Axure,想要切换到即时设计,那就很简单了。将Axure文件直接拖到即时设计工作台,可以一键导入Axure文件,云端加载流畅,省时省力,高效迁移。
第一模块:是Axure的菜单栏,也是原型设计工具的基本内容。我们在菜单栏可以进行文件的导入和导出,还可以更改文件的不同格式,便于文件的传输。
第二模块:是Axure的站点地图,它相当于我们产品的一个架构。在这个模块,可以区分一级页面、二级页面。
第三模块:是Axure的部件库,我们使用鼠标直接拖拽到编辑区域即可。这里可以使用默认的部件库,也可以使用其他人共享的,我们在学习的时候,可以在网站上找一个适合自己的,到了后期,我们还可以自己制作部件库。
第四模块:是Axure的工作区域,这里就是创作中心。
第五模块:是Axure的部件管理区域,在这一区域有部件的交互、注释、属性、样式和管理功能。
Axure的免费版是有为期30天的试用期,新手朋友们在使用的时候,可以每天使用Axure,学习的过程中就可以考虑后续是否要购买。
原型所需的大部分控件都可以用于元件区域。Box是一种典型的可用控件。、Image、Placeholder、Buttons等等。AxureRP提供了一组丰富的RP。UI控件,这些控件根据其应用领域进行分类。组件区域的类别如下:Common、Forms、MenusandTable和Markup。
一般库存包括基本形状、按钮、标题文本、热点、动态面板等。使用AxureRP,根据您所有的原型设计要求,提供了一种非常有效的控制方法,称为Hot。Spot。使用这个控件,您可以为UI中几乎任何一个控件提供单击交互。
即时设计具有非常成熟的原型设计功能,内置编辑页面的组件库可以让小白快速搭建APP产品的低保真原型。同时提供多种互动动作,可以直接在编辑页面演示动态效果。
母版是一个可重复使用的线框,将创建一次并广泛应用于后续页面。使用AxureRP,当我们创建母页时,页面的变化将应用到正在使用的页面上。如果你想开始使用Masters,你可以专注于Masters部分,如下面的屏幕截图所示。原型的母版可以通过添加、删除或编辑母页/文件夹来组织,也可以选择特定的母版进行编辑。
在这个区域,您可以将所需的控件从元件区域拖放。让我们用这个数据库创建一个快速菜单栏。从元件区域,ClassicMenu-Horizontalcontrol拖动到设计区域。当控件被拖动到设计区域时,你会看到下面的屏幕。
如图所示,AxureRP足够智能,可以在菜单上显示预期文本。考虑到这是一个菜单栏,AxureFile在控件中自动创建RP、Edit和View是菜单。右边检查器部分显示控件的属性。在创建复杂原型时,使用这一部分为您的控件创建一个名称,以获得唯一的标记。
美中不足的是,Axure的设计空间相对封闭,Axure文件可以在实时设计中导入,然后自由进行二次布局、评估、演示和共享。此外,即时设计支持添加组件使用说明,可以注明文本或添加网站链接。
在规划原型时,对用户有一个清晰的认识是有意义的,所以对原型上显示/检查的设备有一个清晰的认识。为了获得与原型互动的最佳体验,Axure提供了设置页面属性的功能。
通过Adaptive部分,将Axure文件导入即时设计,然后进入响应网页设计。即时设计以智能矢量设计为重点,还支持创建响应动态框架的自动布局和智能选择,并提供全新的钢笔工具、画板工具和造型工具,大大提高了设计效率。
不同的自适应视图由不同的屏幕尺寸和布局查看的同一页面组成。一般来说,自适应视图是为手机和平板电脑设计的。Axure提供了自适应视图的功能,所以UX设计师可以从零开始掌握原型的反应。