炸金花

Axure RP 9.0上手初体验

继2015年Axure开始推出8.0版本之后,相隔多年,最近终于发布了全新的Axure 9.0的Beta版本,按照官方的说法他们对Axure RP 9.0进行了重新设计和架构。趁着周末迫不及待上手体验了一番,下面让炸金花资料来看看本次的版本最主要有哪些变化。

1、全新的界面UI

打开axure9.0最容易察觉到的变化就是界面视觉的调整,整体上看9.0版本的配色比8.0的版本颜色更浅,各个功能模块背景色彩之间的对比度更小,界面元素的表达更加的简洁,重新绘制了很多图标,颇有All-white的设计风格。

但是试用了一会发现,眼睛有一些疲劳,不知道这些需要眼睛长时间注视的工具类产品真的适合用这么亮的颜色吗?另外还有一些情况下如果只用白色背景也会出现难以识别的问题,比如摘要的筛选下拉和白色的画板背景就混到一起去了。

 

2、自定义功能模块

的axure各个模块之间不再是互相独立的,可以像PS的功能模块一样自由的拖拽和组合了。另外页面各个模块的默认布局也进行了调整,顶部还是标题栏、菜单栏和工具栏,但是界面的左侧分为两个部分,分别是页面和概要,元件库和模板,界面右侧只剩下之前的交互、说明和样式。

值得一提的是原本是结合在一起的交互、说明和样式三个模块也可以被拆成独立的三个模块,在配置页面或元件相关属性的时候可以省去在三个模块间来回切换的烦恼。

3、画布负区域

画布区域不再是只能看到正轴的区域,还可以看到负轴的区域,同时还可以按住空格拖动画布以调整画布的显示区域,这点也类似于PS。

4、智能间距

元素之间的间距在拖动元件时就会自动显示,可以让炸金花资料的原型设计更加精确,对于有强迫症的设计师来说是一大福利,不需要炸金花资料自己进行计算了。

5、新的交互构建器

9.0版本的交互构建器已经完全被重新设计,让炸金花资料告别了用了很久的弹窗,通过在右侧的各种下拉列表中点点点即可,先选择操作类型,再选择动作,然后选择对象,最后点击确定。

当添加多个动作时,每个交互动作前面还会用不同的颜色进行区分。这次Axure对交互构建器调整的力度很大,需要广大设计们好好地重新学习和适应。

 

6、更灵活的元件说明

页面上所有的说明都在一个列表中展示,每个元件还可以添加多个说明,说明还可以取消和重新分配,这些功能会让原型的说明更易于整理。

 

同时还可以把元件上的文字和交互动作作为说明一起显示出来,交付给开发人员的时候所有的说明都可以一目了然。

7、单键快捷键

可以通过点击快捷键,快速绘制需要的图形,以下是目前所支持的快捷键:

  • R – 矩形模式
  • O – 椭圆/圆形模式
  • T – 文本模式(拖拽时会自动在文本区域内填充示例文本)
  • P – 钢笔绘画模式
  • L – 线段模式

8、新的原型播放器

原型播放器的菜单栏从左侧移动到了顶部,可以同时打开原型的页面列表和说明等其他内容,还可以用键盘上的“<”和“>”按键切换原型的上一页和下一页。

这次还为移动端原型提供了更适合的展示环境,如果把页面设置为移动端,预览原型时鼠标指针会变成了手指的触摸效果,同时显示垂直方向的滚动条。

9、更快的渲染引擎

9.0版本使用了全新的硬件加速渲染引擎,让文件能够更快地保存和加载,以及进行流畅的缩放和更快速的编辑。官方对包含100页文档的RP文件进行测试,Axure RP 9加载文件和元件库的速度是Axure RP 8的2倍。这点还没有亲自试过,如果是真的话,这个优化真的是特别地有用。之前项目的原型页面一多,软件的反应时间就要很久,明显感觉到电脑跟不上手速,而且可能还容易导致电脑死机,浪费了很多的时间,有了这点优化看来以后是不是可以少加班了:)

10.提供Sketch-to-Axure插件

通过使用Sketch-to-Axure插件,可以让炸金花资料从Sketch中更精确地复制和粘贴内容。用Mac的同学可以去多尝试一下这个插件。

另外还有很多细节的优化,比如文字排版的优化,包括字符间距、删除线和上标;颜色选择器的优化,具有辐射状和HSV拾取器的新型颜色选择器;图片的优化,图像可以作为形状背景,可以在原型中呈现更好的图像质量等,在此就不一一列举。另外在试用的过程中还发现很多的bug,比如网格有时无法显示,页面缩放时元件错位,拖动模块内部元素宽度没有自适应等,期待着axure 9.0尽快完善,早日发布正式版本。

不知道大家心动了没有,本次的试用分享就先到这里,更多的内容有待大家亲自去体验。最后为大家附上一份Axure RP 9.0的优化清单以供参考:

环境与画布

  • 自定义窗格
  • 页面尺寸
  • 负区域
  • 远程指南
  • 切换标尺可见性
  • 捏缩放
  • 缩放以适合快捷方式
  • 中心选择快捷方式
  • 动态面板和中继器的内联编辑

原型播放器

  • 带触摸光标和移动滚动条的移动模式
  • 缩放选项(替换视口设置)
  • 下一页和上一页的快捷方式
  • 在Axure Share上自动包含Google字体的网络字体

形状

  • 形状绘图工具
  • 绘图工具的单键快捷方式
  • 从草图粘贴(带插件)
  • 双击边框以编辑矢量点
  • 在形状上的背景图像
  • 钢笔工具改进
  • 形状在原型中生成为SVG

图片

  • 颜色调整为色调,饱和度,亮度,对比度
  • 更好的压缩
  • 翻转水平/垂直

动态面板

  • 内联编辑
  • 国界
  • 转角半径
  • 外阴影

图书馆

  • 将图像文件夹添加到“库”窗格
  • 库自动刷新
  • 双击.rplib以加载或编辑库

表单小部件

  • 自定义样式
  • 样式效果(鼠标悬停、禁用等)

互动

  • 内联交互构建器
  • 在交互构建器中搜索
  • 启用/禁用条件
  • 显示/隐藏操作的缓动选项
  • 可选择沿着弧动画“移动”动作

文字格式

  • 字符间距
  • 删除线
  • 超/标
  • 案例转换
  • 生成“lorem ipsum”
  • 带有悬挂缩进的项目符号列表

选色器

  • 色轮
  • 保存的颜色
  • 径向渐变
  • 建议的颜色

样式

  • “聚焦”风格效果
  • 复制和粘贴样式(替换格式画家)
  • 将边框设置为任何厚度

大师

  • 主视图(替换主人的自适应视图)
  • 覆盖母版中的文本
  • 覆盖母版中的图像

自适应视图

  • 页面可以有不同的自适应视图
  • 页面可以共享自适应视图集
  • 原型显示最适合的视图(替换条件)

笔记

  • 一次查看页面上的所有注释
  • 为窗口小部件分配多个注释
  • Notes可以取消分配并重新分配
  • 在注释中包含窗口小部件文本
  • 在便笺中包含小部件交互
  • Notes可以按层次结构组织(1,1.1,1.1.1)
  • 注释编号显示在原型中
  • 注意数字是动态面板连续的
  • 原型笔记生成原型
1