Axure高级功能自适应视图的使用方法和技巧

axure商城

原型工具可以说是交互设计师们的傍身利器。设计提案时想要“亮瞎”产品经理的眼?设计交付时不想啰哩啰唆写一堆设计说明?项目开发前想要做用户测试?“可交互”的原型可以很好地帮助你解决这些问题。

而Axure制作可交互原型却不需要“重构/代码/编程”知识,已然成为很多交互设计师的首选。

随着2013年底Axure RP 7.0版本的正式发布,Axure7.0新增了很多对移动设计的样式和功能支持,最实用的就是Adaptive Views(自适应视图)。有了这个功能,设计师们就能灰常灰常高效地创建”响应式原型”。老板们再也不用担心“什么时候才能看到响应式效果?”了。

今天就跟大家来分享下CDC交互设计师—杰斯卡,总结的有关Axure7.0高级功能—Adaptive Views(自适应视图)的一些使用方法和技巧。

首先借着我个人的Axure使用经验,简单介绍下Axure“常用功能”的版本变化,如下图(单击图片可查看大图)。

0 (1)

说到我为什么认为Adaptive Views是Axure7.0对移动设计最实用的功能,因为Adaptive Views的功能优势太强大啦!总结主要有四点:

一、“快速”生成多尺寸设计稿,调整便捷, “实时可预览”;

二、可分享,CE阶段效果堪比“视觉并开发”版本,收集意见,降低风险;

三、可分享,CE阶段效果堪比“视觉并开发”版本,收集意见,降低风险;

四、响应式让设计提案更生动

0 (2)

讲到这里,来个实例,相信大家会有对这个功能会有更直观的感受。~so,那就来一个!(此处要有掌声~~!)

大家用iPad扫描下上图中的二维码,示例原型支持Ipad横竖屏相应,PC上输入网址http://8inx6g.axshare.com 也支持集中分辨率的响应变化。(由于时间有限,未添加多种手机分辨率的变化。在此还要感谢WE大会设计师瑞姐和大琴琴提供的设计稿素材)。

而说回“学会如何制作及使用”,也主要有四条原则:

1.设置自适应视图;

2.明白视图之间的继承关系;

3.选择合适的工作流程;

4.预览、生成和共享;

这里就不再用文字一一讲述,因为整理好的图文教程更直观。

最后再特别奉献自制“图文汉化版”Axure官方Adaptive Views详细使用教程(http://www.axure.com/learn/adaptive),大家可以对照学习。

备注:因详细教程部分图片较多,单击可查看大图。

0 (8)

0 (15)

 

axure商城

相关推荐

微信扫一扫

微信扫一扫

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

Axure高级功能自适应视图的使用方法和技巧