Axure RP 8.0中文版原型设计从入门到精通
上QQ阅读APP看书,第一时间看更新

2.3 实用技巧

1.页面移动

当设计页面很大时,为了选取不同位置的元件,须使用垂直与水平的滚动条来定位,使得选取元件的动作变慢,操作起来也不方便。可以这样,将鼠标光标聚焦在主操作区,按住键盘上的空格键,此时鼠标光标会切换成手状,这样就可以像在PDF文件中那样抓着画面任意滑动,方便操作,而且不会打乱任何元件的位置。

2.组件重叠时选取下层的元件

当多个组件重叠时,选取下层组件会很不方便,此时可以先选取最顶层组件,隔一会后以左键按一下顶层组件,再放开鼠标左键时,就可以穿透上层组件,选取到位于下层的组件。这种方法只适用于两层的情况,超过两层时,可在“概要:页面”区域选择需要选择的元件。

3.引用其他软件的内容

例如Word、PowerPoint、Excel、Visio、Photoshop等直接贴到Axure RP中。一般来说,文本信息会变成文本块,其他类型的内容会变成图片。例如Axure RP中的表格功能是比较弱的,可以先在Word文档编辑区中将表格样式设计好,然后再截图插入Axure RP中;当然也可以先复制Axure RP中的元件,然后粘贴到其他软件中。

4.单选按钮组效果

单选按钮顾名思义只能选择一项,Axure RP中默认每项之间是相互独立的,即每项都可以单击并选中。选择编辑区中所有的单选按钮,单击鼠标右键,在弹出的快捷菜单中选择“设置单选按钮组”命令,设定单选按钮的组。这样当这些单选按钮输出到原型时,就会形成真正意义上的单选功能。

5.重用类似的交互设计代码

如需添加一连串类似的事件交互,可以在“属性”面板中选择某个事件Case,单击鼠标右键,在弹出的快捷菜单中选择“复制”命令,复制事件,选择须添加事件的元件,在“属性”面板中的事件上单击鼠标右键,在弹出的快捷菜单中选择“粘贴”命令,粘贴交互事件,然后在粘贴的交互事件中进行修改即可,这样可以快速地完成对象的交互设置。

6.在刚开始设计时应注意模板的设置

如果一开始可以整理出哪些界面区块未来将是共享区块,如页首、页尾、导航条等,就开始建立模板,可以节省其他页面设计的重复工作。在设计过程中经常需要复制粘贴的部分就是要留意的对象,而且多用模板可以加快生成的原型页面的打开速度。模板管理起来也很方便,拖曳即可使用,“添加到页面”可以一次添加很多页面,“从页面中删除”也可以一次从多个页面中移除,如果要更改类似于ICON图表,只需在模板中修改,所有页面即可同步更新。

7.只更新当前页面到原型

当设计的项目很大时,生成原型的速度会慢很多,如果只是修改了其中的某个页面,只需重新生成当前页面,不用全部重新生成。在生成菜单,选择将当前页面重新生成为原型,或者直接按Ctrl+F5快捷键,Axure RP不会产生任何对话框,只会感觉到鼠标指针闪了一下,此时,再回到原型上去重新加载这一页就会看到已经更新的页面。需要注意的是,重新加载时不要刷新,有时候刷新会加载不成功,可以先点击到其他页面再点回来即可。

8.用内部框架来嵌入Flash

内部框架组件可用来插入Axure RP目前不支持的内容,例如Flash,只要在内部框架组件上连续单击鼠标左键两下,就可以选择想要加载到框架的网页,如果要建立一个包含Flash对象的HTML文件,就可以将对象的页面地址嵌入到内部框架,这样即可在原型中呈现。

9.原型中元件上文字的复制

在Axure RP中,在组件上输入文字内容生成原型之后,无法直接利用鼠标左键来选取文字进行复制,除文本块组件外。一种变通的方法是,在原型页面上全选整个画面,然后贴到Notepad或Word中,这样能将整个页面中的文字都选取出来并进行复制。

10.在外部链接增加变量当参数传递

Axure RP可以指定外部链接为某个URL+变量,但是这个指定方式是固定的,无法随着Axure RP的内部变量的变化而变化。指定外部链接的方式是在链接属性对话框中,选择第二种链接方式——链接到外部网址或文件,输入网址,如http://www.url.com?keyword=variable。

另外一种实现方式是通过多事件交互设计来完成的,例如要模拟链接到不同的url1、url2、url3(或者同一个url但是带不同参数),可以分别设定OnClick事件的case1、case2、case3来实现不同的条件链接到不同页面。

11.Axure RP生成原型放到网站上读取中文名称页面的诀窍

Axure RP生成原型时,如果左侧站点页面列表是用中文命名的,在本地计算机上可以正常点选链接,但是加载到网站上就会发生无法读取的情况,单击左侧选项,右侧无法显示对应的页面和数据。这个问题出在上传到网站上的方法以及网站所在服务器操作系统是否支持中文。以操作系统来区分,把原型上传到网站上的方法如下:

(1)Web放在Windows操作系统(已经支持中文),可以直接把原型复制到网站可读取的目录之下,这样不会有问题。

(2)Web放在Linux之类的操作系统(必须支持中文),采用FTP上传时,必须将FTP的传输模式改成UTF8,否则当FTP以其他编码传输到Linux上时,Apache是无法辨认出这种编码的文件的。

12.Axure RP中文输入问题的解决方法

Axure RP在中文环境的兼容性上并没有问题,可以输入中文,也可以显示中文,唯一会跟中文环境有不兼容的情况是,有些元件无法正常输入中文,如复选框/单选按钮/表格/矩形/形状按钮等。此时可以尝试以下几种方法:

(1)按Ctrl+S快捷键保存,很多时候保存之后,在元件上就可以输入中文了。

(2)再单击一次文字输入位置,确认切换至正确的输入法之后,再单击一次该元件的输入位置,然后继续输入。

(3)以文本块元件来代替,有时候多加一个文本块元件虽然会增加选择组件的难度,但可以提高工作效率。

(4)在记事本或者Word中先输入好文字信息,复制后再进行粘贴。

13.减小原型文件大小提升加载速率

设计的页面原型大到一定程度时,Axure RP的操作速度会减慢,计算机资源消耗大,操作起来不太顺手。

下面的方法可以使原型文件变小:

(1)尽量重用对象,发挥好模板的功能,增加页面元素重复使用率,减少对象的数量,这个是最有效的提升效率的方法。

(2)尽量减少使用表格和菜单元件,因为它们的共同特性是每一个小格就是一个实体页面对象,在Axure RP中输出的原型都是比较消耗资源的。

(3)对嵌入Axure RP的图片做优化。在编辑区中选择“图片”元件,单击鼠标右键,在弹出的快捷菜单中选择“优化图片”命令来优化图片,这样以降低图片质量来减小原型文件的大小。

(4)切割原型。如果网站的框架定好了,便可以将网站原型切割成几个RP文件单独进行设计。待各部分设计完成后,再以导入的方式合并所有的RP文件,导入的方法是选择“文件”|“从RP文件导入”命令。

14.Axure RP文件损坏恢复

毁损的原因可能是计算机硬盘造成,或者Axure RP软件本身的问题,避免这个问题最好的办法是经常备份文件,或者使用Axure RP的“恢复文件”功能来取回过去自动备份的RP文件。通过“文件”|“恢复文件”的功能(前提是开启了自动保存功能,“文件”菜单>自动保存),回滚到以前的设计版本,可以选择要恢复的几天前的版本,选择之后再另存为新的文件即可。