更快,更爽的制作原型-Axure RP 8.0beta初体验

尽管原型制作工具哪家强的论战在知乎愈演愈烈,但Axure无疑还是多数产品狗的主力工具。究其原因,Blink简单的总结为:在目前互联网环境下,Axure是更好的平衡了快速、好用、适用专业原型制作工具,对于像Sketch、OmniGraffle等热门工具来说,Blink认为他们是在一些非核心的地方上,做到了Axure做不到或做起来很麻烦的功能罢了,并不能完美替代,而且他们本身也不是专业做原型的。

2015-08-16_20-39-40_01.jpg

而今年8月,Axure RP最新的8.0beta版已经悄然发布,Blink作为工具控,当然也在第一时间进行了体验,本文总结了几个实际工作中高频实用的改进点与大家分享(虽然酷炫屌爆是Blink喜欢演示的,放在下期吧……)。

注:本文演示均为Mac版,Windows版功能相同布局略有不同。本文只讲改进点,不赘述入门基本功能,阅读需有Axure基础。

整体预览:布局微调,更加顺手

整体布局.png

8.0beta版总体来说,变化不大,优化了一些工具布局,最大的变化就是页面属性面板(Page Properties Panes)从底部取掉了,合并到了右侧的部件属性面板中,当你选择某个部件时,属性面板就是该部件的属性,当你点击页面空白处时,属性面板就会变成页面属性。这个布局调整后,个人觉得非常合理,再也没有底部面板了,变成了Mac中最经典的左中右3栏布局。

是否经常遇到以下情况:因为页面属性比较少用,以及为了增加编辑区域,你叉掉了页面属性面板,但偶尔需要的时候却不知道从哪打开了,好不容易从视图菜单中找到了,用了一这次,你又叉掉了……而现在这个问题终于解决了。更多改进请看下文。


实用改进1:部件尺寸终于有了比例锁定

比例锁定.png

曾经多少次,你拖进来的素材图片要调整大小匹配你原型的iPhone宽度,320还是375,whatever,为了保持长宽比,你当然知道拖图片大小的时候按住shift键,但是你手一抖宽度变成了318,反向一撸又变成了324有木有?摔鼠标的心都有了。当然你也可以拿出计算器算出长宽比,然后再部件尺寸上填数字。什么?你从来不计较长宽比,美女拉成肥婆也无所谓?好吧~

现在多了一个长宽比保持按钮,瞬间优雅的解决了痛点,选中之后你只用输入一个尺寸,另一个跟着等比变化,这其实在专业作图软件上是很基本的功能。

实用改进2:默认部件库焕然一新

默认部件库.png

默认部件库的改进非常符合用户需求,Axure公司应该做足了调研的。矩形部件变成了4种:最基本的白框、无边框最浅灰、无边框浅灰、无边框中灰,最浅灰Blink也经常用到,这个改进又为原型制作节约很多时间。

按钮,也变成了3种:白框默认按钮、无边蓝底主要按钮、文字按钮,总之就是又能省很多事

Paste_Image.png

重点来了,对话框部件的小尖尖可以随意改位置了,拖动尖尖的3个G点(黄点)就可以随意摆放了,从前调那个尖尖受的苦终于熬到头了,你又能省去一些与产品逻辑无关的琐事,什么?你从来都是直接放个三角形?好吧~~(╯﹏╰)b

实用改进3 自带标注部件了

标注部件.png

线框图与需求说明相结合,直接在线框图上用箭头和文字标注说明,也是很多公司采用的方式,更敏捷嘛。程序猿能一手看UI设计图一手看原型图,两手抓,还要编代码的,已经很优秀了,作为有情怀的产品经理怎么还忍心让他们再开个长篇文档呢?

Blink自制的标注组件.png

以前,为了更好的标注,Blink专门做了一套标注组件,可以说是煞费苦心啊(本文末尾提供下载链接,该套组件由Dark_ou制作的组件基础上改进而来)。

Axure8.0beta自带标注组件.png

现在,你妹的,官方提供了,看起来还很精美的样子,便签纸还带阴影,加特技啊?

页面快照.png

吐槽完毕,重点说说页面快照组件(Snapshot),拖放后双击弹出站点地图,选择一个页面后,组件就会变成该页面的截图,这还没完,浏览器预览的时候,点击截图是会跳转到相应页面的,有点吊吧。老实说,你之前有类似需求时,是把那个页面整个复制一份摆出来,还是粘贴为图片?总之都是笨办法,不管是复制还是粘贴图片,对应页面有变动了你就悲剧了,你是重新复制一次呢?还是重新复制一次呢?那步废话吗?难道现在的页面快照可以同步更新,对!就是可以同步更新!你在页面上做了改动,到快照上一看,duang的一下更着改了,碉堡了,有木有?

实用改进4 图像裁剪不求人

图像裁剪.png

有了图像裁剪功能,做一个圆形头像再也不用求UI了,选择图像,裁剪正方形区域,加圆角(50°),加边框,精美的原型头像出炉了!

实用改进5 形状布尔运算高大上

这个用语过于专业,其实是专业作图软件的功能,看下sketch的使用手册中的说明就懂了

形状布尔运算.png

好像还是不懂?其实就是两个形状的叠加,举个栗子你就明白了,假如你要做一个环状的进度图,如图,表示未完成的1/4圈灰色环是怎么做出来的呢?看Blink来演示吧。


Paste_Image.png

还是看图说话吧,先得到表示未完成进度的灰色圈圈,和表示已完成进度的蓝色圈圈,那么如何把灰色圈做成只有一小段呢?就需要用另外的图形来叠加,这里用了Axure8.0beta新增的“饼图”组件,拖出一个饼图,调好缺口角度(饼图也是有2个G点的哦),重叠在灰色圈上,然后同时选中两个组件,点击属性面板中的“减去”图标,就得到了只有一小段的灰色圈,然后再将其重叠在蓝色圈上,就大功告成了!


制作环状进度条.png

补充:饼图怎么出来的?1.随便拖一个形状比如矩形,点右上角的灰点,然后就有一堆萌萌图形可以变形了。
饼图.png

实用改进6 钢笔工具挥洒自如

钢笔工具.png

虽然Axure不是专业作图工具,但是偶尔原型中需要一个并不复杂的非常规形状怎么办呢?又找UI?又打开PS、Sketch?现在在Axure中用钢笔一画也可以瞬间搞定了,看我画的吃豆人是不是很呆萌啊?那个犀利的小眼神就是用的钢笔工具画的哦(钢笔工具在主流作图软件中都有,可以画复杂图形,但画我这种图形还是是非常简单的)。


one more thing

总的来说,Axure RP8.0beta从两个方面来大大提高我们的生产效率:

  1. 本质功能上,结合现在的使用趋势为你调教的更加拿出即用。
  2. 新增功能上,让你不用切换到其他工具也能快速搞定。

这么说来8.0的更新都是很必要的,很实用的,要是来的早点就更好了,我也可以少很多折腾了,期待正式版早日上市!


附官方测试版下载地址:
MAC版:http://pan.baidu.com/s/1sjBSKzV
Windows版:http://pan.baidu.com/s/1gdrU9jH


文中提到的Blink自制的标注组件:
http://pan.baidu.com/s/1ntAEYV3

本文由BlinkQ原创,原文链接:http://www.jianshu.com/p/6463c084e16d
转载请注明作者并保留原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容