Axure RP 9使用总结 它到底比8强在哪里?

axure商城

本文为AxureUX创始人大梨原创分享,需要Axure元件库和模板的【365中文网】朋友欢迎光临AxureUX的【365中文网】店铺:https://www.axureshop.com/shop/184

Axure RP9自去年8月份发布第1个测试版至今已经过去了一年多时间了,而正式版也已经发布了快半年了,但是【365中文网】目前这个版本的【365中文网】用户口碑却是【365中文网】褒贬不一。很多用户反馈了对全新版本的【365中文网】喜欢和肯定,但是【365中文网】也仍有部分老用户不太愿意接受它,甚至是【365中文网】保持着抗拒的【365中文网】态度。据我个人的【365中文网】观察,这次8至9的【365中文网】版本过渡比前几个版本要缓慢许多,我在几个群里也做过相关的【365中文网】统计。本人分析主要原因是【365中文网】Axure RP9对比旧版本的【365中文网】界面变化和操作方式的【365中文网】极大差异,造成很多老用户对这种改变不适应或不愿意花时间适应,反而是【365中文网】一些以前并未使用8的【365中文网】用户,更能接受和适应这个全新版本。

本人正式开始使用Axure RP9已经有两个月左右了,个人觉得它的【365中文网】一些新特性还是【365中文网】非常棒的【365中文网】,相比旧版也确实摹365中文网】芴嵘涑鲂省K淙辉诟战哟ナ蔽乙不艘恍┦奔涫视Γ还饺熳笥一揪屯耆鲜至恕=裉煺碚馄窒硎恰365中文网】个人使用的【365中文网】一份总结,希望能提供给大家一些学习和参考的【365中文网】价值。需要说明的【365中文网】是【365中文网】,由于相关内容是【365中文网】根据本人的【365中文网】使用过程整理的【365中文网】,可能也会有遗漏之处,如果大家有更多关于Axure RP9的【365中文网】新功能使用心得,也欢迎反馈分享给我。

1、Axure RP9界面介绍

Axure RP9的【365中文网】整体界面风格更加清新和明亮,相比旧版本给人感觉要舒服很多,这种风格的【365中文网】变化也更符合主流的【365中文网】软件界面风格的【365中文网】趋势。如果用一个词来形式新版的【365中文网】界面风格,我觉得“去繁化简”是【365中文网】非常契合的【365中文网】。其实除了界面风格上的【365中文网】变化之外,“去繁化简”也能体现Axure RP9在功能布局上的【365中文网】改变。在这个版本中,使用频率不高的【365中文网】功能一般都被做了收缩和隐藏处理。我相信很多朋友跟我一样,刚开始使用时会发现一些旧版中的【365中文网】功能突然找不到了,就像我在分享开始前所介绍的【365中文网】,这种改变正是【365中文网】大家需要花时间去适应的【365中文网】。

分享一个实用的【365中文网】小技巧,Axure RP9的【365中文网】功能区的【365中文网】布局是【365中文网】可以自定义调整的【365中文网】,只需要使用鼠标按住对应的【365中文网】功能标题便可拖动和改变位置。如果大家已经习惯了Axure RP8中的【365中文网】功能布局,可以根据需要自定义成旧版本的【365中文网】布局。例如,在Axure RP8中概要功能区默认是【365中文网】显示在软件的【365中文网】右下角的【365中文网】,而在Axure RP9中它的【365中文网】默认位置被移到了左上角页面列表旁边,你可以像上面的【365中文网】图片中一样把它移到右下角去。

Axure RP9中提供了明亮和黑暗两种界面风格模式,默认是【365中文网】明亮风格模式的【365中文网】,大家可以通过“文件—偏好设置—常规”中对模式进行切换。黑色模式可以让用户在设计过程中将更多的【365中文网】注意力专注于设计区域,而减少受Axure自身界面元素影响。这个模式的【365中文网】切换我觉得也算是【365中文网】一个不小的【365中文网】改进,其实很多主流的【365中文网】设计软件的【365中文网】界面默认都是【365中文网】黑暗风格的【365中文网】,例如著名的【365中文网】Adobe全家桶系列。不过还是【365中文网】忍不住想吐槽一句,Axure RP9的【365中文网】黑暗摹365中文网】J降摹365中文网】界面风格给人一种粗糙感,特别是【365中文网】功能图标和文字与界面背景颜色对比度过于强烈,希望以后的【365中文网】版本中能进行优化。

2、负坐标功能特性介绍

Axure RP9中新增的【365中文网】负坐标功能是【365中文网】很多老用户吐槽最多的【365中文网】一点,这个功能可以查看到编辑区域顶部和左侧的【365中文网】更多区域。其实大部分主流的【365中文网】设计软件都有负坐标功能,它能让用户用更宽广的【365中文网】视角查看自己的【365中文网】设计内容,我觉得这个改变并不是【365中文网】坏处,只要大家愿意花一点时间去适应。

如果在设计时编辑区域处于负坐标位置,可以点击编辑区域的【365中文网】左上角“返回原点”图标快速返回到0坐标位置,同时也可以通过快捷键“Ctrl 9”快速返回。另外,建议大家记住以下两个常用的【365中文网】快捷组合键,便于查看设计区域内容或快速移动位置。

■ 按住Ctrl上下滚动鼠标滚轮可以缩放编辑区域大小;
■ 按住空格键后移动鼠标可以快速移动编辑区域位置;

3、交互编辑功能优化

交互编辑是【365中文网】Axure中使用频率最高的【365中文网】一个功能,新版本对这个功能进行了重要的【365中文网】优化,相应的【365中文网】变化也是【365中文网】在版本过渡时最需要花时间去适应的【365中文网】。下面的【365中文网】截图是【365中文网】Axure RP8和Axure RP9的【365中文网】交互功能初始面板的【365中文网】对比,基本的【365中文网】变化如下:


■ Axure RP8中功能面板的【365中文网】标题叫“属性”,Axure RP9中功能面板的【365中文网】标题叫“交互”;
■ Axure RP9中仅保留了添加交互的【365中文网】功能,同时交互功能的【365中文网】名称、布局、位置都有变化;
■ Axure RP8的【365中文网】交互样式设置、禁用及选中设置、选项组设置等功能都被去除了;

除了初始面板的【365中文网】变化之外,Axure RP9中添加交互的【365中文网】方式也是【365中文网】不一样的【365中文网】,点击添加交互按钮后是【365中文网】直接在面板区域即可完成相关设置,而在Axure RP8中是【365中文网】需要在弹出的【365中文网】交互编辑器窗口进行设置的【365中文网】。这个功能优化的【365中文网】主要目的【365中文网】是【365中文网】为了减少添加交互时的【365中文网】操作步骤,但是【365中文网】由于这个交互面板区域的【365中文网】空间非常狭小,当同一个元件的【365中文网】交互事件较多时管理起来就不太方便了,特别是【365中文网】对于适应了旧版操作方式的【365中文网】老用户来说操作起来会感觉很不顺手。以下是【365中文网】Axure RP9中在交互面板中添加交互的【365中文网】截图效果。

在Axure RP9的【365中文网】交互面板的【365中文网】右下角有一个交互编辑器图标,点击后打开跟Axure RP8中一样的【365中文网】操作窗口。Axure RP9中的【365中文网】交互编辑器在最初的【365中文网】测试版本中是【365中文网】没有的【365中文网】,可能是【365中文网】由于很多用老户反馈后才重新加上的【365中文网】。这个交互编辑器功能跟交互面板中的【365中文网】设置功能是【365中文网】一致的【365中文网】,但是【365中文网】当交互事件比较多的【365中文网】时候可以更便于管理。如果是【365中文网】习惯了旧版操作方式的【365中文网】用户,可以选中元件后直接点击图标打开交互编辑器窗口添加交互效果。

以下是【365中文网】Axure RP9的【365中文网】交互面板中添加交互完成后的【365中文网】截图效果,当一个元件中的【365中文网】同一个事件添加多个动作时,每个动作会通过颜色进行区分,拖动对应的【365中文网】区域可以对动作进行排序。

Axure RP8中的【365中文网】属性面板中的【365中文网】相关功能在9中被移入到了其它位置,其中禁用及选中设置、选项组设置等功能可以点击元件名称右边的【365中文网】更多图标查看到,元件的【365中文网】交互样式设置可以在选中元件后右击在更多功能查找到。

4、编辑模式切换优化

在Axure RP8中对动态面板或中继器的【365中文网】内容进行编辑时,需要双击动态面板对应的【365中文网】状态或中继器弹出一个新的【365中文网】内容窗口进行编辑,当编辑的【365中文网】内容较多的【365中文网】时经常会导致打开过多的【365中文网】窗口而需要反复切换。在Axure RP9中对动态面板和中继器的【365中文网】编辑模式进行了改进,进入编辑模式后会停留在当前页面,其它内容会以半透明的【365中文网】样式显示。这个改进可以极大的【365中文网】提升编辑效率,同时也能更方便的【365中文网】预览修改效果。

以上是【365中文网】Axure RP9动态面板编辑模式下的【365中文网】截图效果,点击顶部蓝色区域的【365中文网】状态名称可以快速切换需要编辑的【365中文网】状态,双击阴影区域可以快速退出编辑模式。

5、元件库功能优化

Axure RP9对元件库管理功能进行了几项全新的【365中文网】改进,可以更方便的【365中文网】导入和管理元件库文件。除了默认的【365中文网】从元件面板中导入元件库文件以外,双击对应的【365中文网】rplib格式元件库文件可直接完成导入。以下是【365中文网】双击rplib格式元件库的【365中文网】导入操作提示界面截图。

新版本中还加入了可以导入图片文件夹的【365中文网】功能,可以将指定目录中的【365中文网】图片或图标批量导入到元件库面板中,不需要再单独制作rplib文件,只需要点击元件面板中的【365中文网】“添加图片文件夹”选择对应的【365中文网】目录后即可完成。另外,点击元件面板中的【365中文网】更多图标,选择“打开源目录”,可快速定位到对应元件库文件或图标文件夹所在的【365中文网】目录位置。

6、页面尺寸设置功能

Axure RP9中新增了页面尺寸设置功能,默认提供了苹果和安卓等数十种终端设备的【365中文网】设计尺寸,用户也可以根据需要自定义设计尺寸。但是【365中文网】Axure RP9中提供的【365中文网】终端设计尺寸并不等于对应终端的【365中文网】UI设计尺寸,它的【365中文网】作用是【365中文网】使原型设计更加规范,以及在演示时具有更仿真的【365中文网】效果。


以下截图中的【365中文网】效果要使用了Axure RP9的【365中文网】终端设计尺寸的【365中文网】演示效果,其中相关界面使用的【365中文网】是【365中文网】苹果IPAD4的【365中文网】设计尺寸,共分为横版界面(1024px*768px)和竖版界面(768px*1024px)两种布局。建议大家在设计原型时首先确定好对应的【365中文网】布局方式和设计尺寸并保持统一。

演示链接:https://axhub.im/ax9/4c0225e74bd3dd9f/start.html

7、元件样式编辑优化

Axure RP9中提供了更丰富和元件样式编辑功能,使一些元件样式效果的【365中文网】实现变得更加方便了,同时能输出视觉效果更佳的【365中文网】交互原型。

■ 文字排版功能优化

选中文字元件后在样式面板的【365中文网】“排版”中点击字母图标可以设置丰富的【365中文网】排版效果,其中包括上标和下标、字母大小写切换、加粗、斜体、下划线、删除线等。

■ 自定义文字间距
在“排版”中可以自定义文字行间距和字间距,直接输入对应的【365中文网】数值,支持小数点。推荐常用文字排版行间距20\24\28\36。

■ 自定义边框宽度
矩形元件的【365中文网】边框宽度支持自定义宽度,在线段中输入对应的【365中文网】数值,不支持小数点。

■ 自定义文本框边框
文本框元件可以像矩形一样修改边框样式了,包括边框颜色及宽度等,在Axure RP8中实现类似的【365中文网】效果是【365中文网】非常繁琐的【365中文网】。

■ 复选框自定义样式


Axure RP9中支持自定义复选框和单选框的【365中文网】样式了,包括颜色、大小、对齐方式等。

■ 单选框自定义样式

复选框和单选框的【365中文网】大小和对齐方式设置,选中元件后在“样式”面板中进行设置。

8、取色器功能优化

Axure RP9对取色器功能进行了优化,其中主要的【365中文网】是【365中文网】收藏功能的【365中文网】优化和新增了建议功能。在设计时将常用的【365中文网】颜色收藏到取色器面板中,这样可以方便在设计过程中快速选取。收藏颜色的【365中文网】方法:首先选中带有背景颜色的【365中文网】矩形,然后点击工具栏中的【365中文网】填充颜色方框打开配色面板,在收藏选项中点击添加图标,这样就可以将对应元件的【365中文网】背景颜色添加至收藏中了。

9、删除的【365中文网】相关功能

以下的【365中文网】相关功能是【365中文网】在Axure RP8中有的【365中文网】,但是【365中文网】在新版本中已经被删除了。个人感觉有一部分功能还是【365中文网】很实用的【365中文网】,可能是【365中文网】总体使用频率并不高,所以被Axure的【365中文网】开发团队抛弃了。

■ 项目设置功能

Axure RP8中的【365中文网】项目功能设置包含边界对齐和DPI设置,这个边界对齐功能还是【365中文网】非常有用的【365中文网】,我很疑惑为什么没有保留。去掉这个功能以后,使用新版本打开以前Axure RP8创建的【365中文网】文件,导致很多元件的【365中文网】边框显得比较粗,需要重新手动调整边框对齐方式。

■ 团队SVN功能

Axure RP9已经不再支持团队SVN功能了,目前仅支持Axure Cloud功能,但是【365中文网】国内访问Axure Cloud速度并不是【365中文网】特别理想。Axure的【365中文网】开发团队去掉这个功能明显并没有顾及到中国用户的【365中文网】需求,但是【365中文网】如果不需要使用团队功能,其实影响不会太大。

■ 格式刷功能

Axure RP8中的【365中文网】格式刷功能用于将一个元件的【365中文网】样式快速复制到其它元件上,在新版本中这个功能被“粘贴样式”取代了。在Axure RP9中选中一个元件后右击选择“复制”,然后选择另一个元件右击选择“粘贴选项—粘贴样式”就可以了。

■ 草图效果功能

Axure RP8草图效果功能在新版本中也被删除了,个人感觉这个功能一直挺鸡肋的【365中文网】,所以影响不是【365中文网】很大。

■ 标志设置功能

Axure RP8的【365中文网】标志设置功能,设置后会在演示框架中显示。由于Axure RP9对演示框架进行了简化,所以这个功能也没有保留。

■ 移动端设置功能

Axure RP8的【365中文网】移动端设置功能,用于输出在移动设备上进行演示的【365中文网】相关设置,本人觉得是【365中文网】很有必要的【365中文网】保留的【365中文网】。这个功能在Axure RP9中去除后输出的【365中文网】原型中想要实现类似的【365中文网】效果,需要手动修改对应的【365中文网】HTML文件。

■ 高级设置功能

很少使用到这个功能,去掉没有什么影响。

10、几点补充的【365中文网】说明

■ Axure RP8和9是【365中文网】可以同时安装和运行的【365中文网】,如果还不想在正式项目中使用Axure RP9的【365中文网】同学,建议可以先安装体验一下。

■ Axure的【365中文网】特性是【365中文网】使用低版本保存的【365中文网】文件可以在高版本中打开,而使用高版本的【365中文网】保存的【365中文网】文件则无法在低版本中打开。所以使用Axure RP9编辑旧版本文件时,建议做好备份工作。

■ Axure RP8编辑界面中的【365中文网】元件是【365中文网】无法直接复制到9的【365中文网】编辑界面中的【365中文网】,直接复制过去的【365中文网】元件都会变成图片,需要先使用9打开后才能进行复制。

■ 如果你的【365中文网】团队在协作中比较依赖Axure RP8中的【365中文网】团队SVN功能,建议慎重考虑是【365中文网】否升级到Axure RP9,具体原因在第9点中介绍过。

以上的【365中文网】内容就是【365中文网】本人关于Axure RP9的【365中文网】使用总结分享。如果这篇分享对你有帮助,请帮忙分享转发到朋友圈,感谢大家!

axure商城

相关推荐

Axure RP 9 基础教程 元件样式

第三章 元件样式 你可以在画布右边的【365中文网】样式选项卡 或者画布上面的【365中文网】样式工具栏中自定义元件的【365中文网】样式属性。我们先讲常用 …

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

Axure RP 9使用总结 它到底比8强在哪里?
友情链接:威廉希尔app  一语中特  bet188激光  无极4  伟德微信头像  伟德励志故事  贵宾会  澳门赌球  六合拳彩  金沙国际