Sketch UI 直接黏贴 Axure RP 插件

现在互联网设计行业中的趋势都是设计师们现在用 Sketch 来设计 UI 界面,如有必要再把静态页面做成高保真原型,有很多优秀的动效工具可以实现,但是作为老牌的原型设计工具 Axure 一直以来并没有和 Sketch 产生太多化学反应,然而总是有些人不甘寂寞,这不 Axure 公司的 kipaxure 在论坛发帖,他借助 Sketch 的插件开放能力开发了一款 Sketch 插件,可以让设计师从 Sketch 把设计好的 UI 界面直接黏贴到 Axure 并保持所有元素 在 Axure 工具中的层级和可编辑性。参看下图演示:

第一眼看到这个帖子,第一感觉就是这个插件的存在对想我这样的交互设计师意义巨大,以前设计 Axure 的原型界面或者 Libs 的时候设计师都得按照 UI 稿重新在 Axure 中绘制一遍,这个过程的工作量可想而知,一旦有了这种插件那以后 Axure 和 Sketch 的配合可能极大提升交互和视觉之间的合作效率,是非常有价值的一件事。

注意 :Axure 版本需要大于等于 3368;当前版本还处于 Beta 阶段,不太稳定;

7条避免 Axure 慢死的注意事项和解决方法

Axure 作为产品经理交互设计师主要的吃饭工具,平日打交道多了,使用过程中必然会遇到工具偶尔“罢工装死”的情况,一旦不幸遇到了这些情况如何解决呢?下面是结合我们团队和自己使用过程中总结归纳的一些避免 Axure 软件运行缓慢和假死的一些经验教训,希望对遇到类似问题的同学有对帮助和启事。

1. Axure 单个页面内不要有太多的 Group,尤其是嵌套的 Group,有次设计师在 Axure 7 中的一个页面打开和操作都巨慢无比,打开文件要花5分钟,操作就假死三分钟,经过排查发现就是因为一个模块中适用的 Group 太多了,而且是嵌套 Group过多导致,耐着性子 Ungroup 后操作慢的问题得以解决。

2.  Axure 中高清大图不要太多,大图太吃内存,尤其单个页面不要太多,如果真的需要放很多高清大图,建议一,分散在不同页面,建议二:对图片进行预先压缩,让图片大小减小。因为太多大图会导致最后生成时候内存报错。

3. Axure Repeat 功能是提升效率利器,但是单个页面内太多且复杂的使用 Repeat 功能,也会让页面变的很慢,容易出错。

4.  既然是软件就会有 Bug,不同版本的 Axure 本身会有 Bug,对于一些元素的应用,会导致无故报错,有次遇到一个用最新的钢笔勾画的图形,在版本迭代后再次打开就会报错,而且没有指出报错内容,找了好久才定位到的错误,删掉那个钢笔图像元素就一切回复正常了。

5. 我之前用的自己生成的图标字体 ,在配置中添加 Font 链接,但是由于链接地址更新,Axure 文件配置没及时更新,文件打开加载好久,后来才发现是 WebFont 链接错误,Axure 一直在取地址没反应,也会导致变慢或假死。

6. 如果发现太慢,就关闭 Axure,再重新打开,因为时间长了它的缓存机制存在问题,退出重启往往能解决一些偶尔出现的报错和锁死,此条方法其他软件遇到问题同样适用哈。

7. 多用 Master,减少不必要的重复,降低维护成本,也能让页面快点。

如果以上问题都不足以解决你遇到的问题,那就建议你去 Axure 官方论坛中搜索下关键词,前人踩过的坑就在那里,不妨多学学;或者可以直接去发帖子提问,也许很多 Axure 大拿会帮你解决。

如有你还有其他典型方法的遗漏也欢迎补充交流。

Axure RP 8 正式发布及新功能介绍翻译

Axure 于近期正式发布了已经 Beta 测试了快一年的 Axure RP 8 版本。

此次正式版发布包含了很多让设计师尖叫的新特性,下面内容翻译自 Axure 博客文章,并补充了部分我的短评:


Pen-Tool-300px

更加丰富的样式

  • V8 增加了专为自定义图形设计的钢笔工具,并且在内置元件库中加入了600多矢量图标库。【此次升级的重要功能点,为更加图形化的设计奠定了基础,可惜现在还不支持直接导致 SVG 格式图形】
  • 改进了流程图模式新增和修改操作并优化了任一元件之间的连接点操作体验。【对于流程定义部分很有帮助】
  • 新的线段箭头和曲线锚点允许更多的自定义内容。【大大丰富了图形内容的表现形式】

RP8 Animations 300px

新交互命令和动画效果

  • V8 增强了 Axure 的新交互事件、命令和动画,你可以实现带动画的翻转和旋转一个元件。也可以基于锚点的缩放尺寸以及动态控制透明度。【可以做出更加酷炫的动效了】
  • 优化了多个动效在一个元件上的显示性能。【希望让复杂交互不再卡顿】
  • 增强了 Repeater 处理和展现数据的能力。【让动态数据的交互更牛逼】

继续阅读Axure RP 8 正式发布及新功能介绍翻译

Axure 功能进阶高手篇

本次挑选的功能点,是区别 Axure 高手和菜鸟能力的分水岭,师傅领进门,修行靠个人,有识之士请务必努力逐条修炼。(本次涉及功能点请参照 Axure 7 以上版本)

一、Widget 类:

Dynamic Panel ;
动态面板是定义了 Axure 最核心的模型;可以这么说,脱离了动态面板的 Axure 就不能称之为 Axure,几乎任何原型的各个环节都会看到动态面板的身影,动态面板的使用让 Axure 制作原型增加了无数可能性;
深刻的掌握动态面板在原型制作中的规则,将对你的设计带来质的飞跃。

Masters;
Masters 就是孙悟空吹口气变出来的小悟空,它可以让你的模块元素复用变得异常容易,尤其是在夸页面的模块引用场景下尤为突出;不过需要考验你对整个交互结构的清晰认识,Masters可以帮你节省大量时间并降低维护成本,但是有时候也会因草率行为掉进Masters的各种坑里。

Repeater ;
Repeater 存在的意义在于某些需要大量重复且有一定规律的设计场景下,Repeater 会帮你大大提高效率,并且降低维护成本;Repeater 本身属性的灵活性,也可以让我们更加灵活的适用于不同的场景;拿下 Repeater 会让你在大型项目中事半功倍。

继续阅读Axure 功能进阶高手篇

Axure原型在iOS上的演示

由于接手的移动项目逐渐增多,在初期的设计探索阶段交互设计原型如何在移动设备上能够很好的还原,成了我现在比较多的研究课题,也看到了很多关于在iOS设备上实现原型效果的文章,但感觉总是缺了那么一点内容;因为我的一些方法在具体项目中已经得到验证,也已经在团队内部做过关于iOS设备上原型展示的内部分享,综上所述,还是决定把之前总结的一点心得记录下来,贴出来与大家分享探讨。

本文的内容主要聚焦:如何让利用Axure(6.5)制作生成出来的移动APP原型在手机上流程的还原。

最基本的原理:在局域网WIFI下,利用Web Server把Axure原型文件共享,利用iOS设备的浏览器访问Server的html文件,从而实现在iOS设备上演示原型的目的。

Axure_prototype_on_iphone

主要内容分为以下几大块,分别展开说说:

继续阅读Axure原型在iOS上的演示

对新版Axure的10点期待

目前主力使用的是Axure 6.5 版本,包括MAC和PC两个平台的同一个版本,6.5在之前的基础上增加了很多非常有用的好功能,具体功能在这里咱就不多做说明,网上可以找到各种的溢美之词。

说明一点今天的“吐槽”只适用于我的工作流程,是我长期使用Axure过程中发现的一些问题和功能短板,在这里做个小小的总结,算是向Axure致敬的同时,希望在不久的将来的某一天,还会用到Axure的时候,那会儿的新版本中能够看到以下问题可以得到改进或解决。

———我是分割线———

1. 希望Axure可以自带常用移动端设备预览模拟器;
可以是一个独立的插件,或者应用程序,类似与xCode写APP一样最后的结果可以在一个iOS 模拟器上被模拟出设备来,而不用再把移动设备的外壳画在原型里面了,这样对移动原型设计的体验来说是非常重要的;关于不同机型外壳的话,系统可以提供几款常用的例如iPhone,iPad等,用户也可以自定义所需要的分辨率及其机型外壳;
参考:Xcode的移动设备模拟器;

xcode

2. 对CSS3特效的支持,更丰富的图形库;
Axure的输入物为Web页面,目前主流的浏览器对Html5和CSS3的支持成都已经很完善, 其中CSS3的诸多新特性如果可以在Axure原型上很棒的还原,那么Axure原型视觉效果将会上一个台阶;

class-header-css3

继续阅读对新版Axure的10点期待