axure中出现小手_你所不知道的15个Axure使用技巧

Axure 6.5已于4月18日发布,可直到上周我才发现,于是赶紧下载升级。等待下载的过程中,闲来无聊跑去看了Axure的版本历史,又浏览了一下官方的使用教程,忽然发现Axure竟如此博大精深,自己平时所用的功能只是皮毛而已。诚惶诚恐的仔细读完官方教程,再结合平时工作中的情况,我总结了15个你不知道但却很有帮助的使用技巧,希望你看了之后能有所收获。

注意:本文基于Axure英文版写作,对于那些我不知道该如何翻译的供功能和名称,只好直接给出英文叫法。此外,建议在阅读本文时打开你的Axure 6.5(版本不够的赶紧去升级),否则有些操作流程你可能会看不懂。

1 栅格设置

Axure 6.5默认隐藏了栅格,许多人对此很不适应,顿时不知该如何对齐控件了。要打开辅助线,只需点击菜单栏的“Wirefram-Grid and Guides”,把“Hide Grids”前面的勾去掉就行。另外在“Grid Settings”里,还可以调整栅格的间距,样式(点或线)以及DPI。

另外插一句,Axure是可以拉辅助线的,这点我是最近才知道。。。

2 创建多个Page Notes

Axure里的每个页面都有一块“Page Notes”区域用来写页面注释。你可以创建多个Page Notes,方法就是点击“Wireframe – Manage Page Notes”,在弹出的面板中增加Notes,这样所有页面都会多出来这个新的Notes。这个技巧可以用来写页面的调整历史(每个Notes代表一个版本),或者在多人协作编辑时区分不同人编写的notes。

3 手绘风格,以及Page Formatting中的其他功能

听一个朋友说,他们的产品团队因为追求手绘风格而放弃了Axure,改用Mockups。真是可笑至极,其实Axure从6.0开始就加入了手绘风格。在Page Formatting里有个Sketchiness的选项,可以设置手绘风格的“扭曲度”。默认是0,横平竖直,数字越大越“扭曲”越“手绘”。

Page Formatting里还有其他一些有用的功能,例如设置页面背景色、背景图(支持图片repeat哟~)、整个页面的对齐方式(默认是横竖都居中)、甚至一键把页面变成黑白模式(Color里的第二项)。

4 自动生成站点地图

有时我们需要把整个站点的结构用树形图呈现出来,Axure为此提供了一个快捷的方法:在Sitemap区域对准你希望生成树形图的主干点右键,选择“Generate Flow Diagram”,就能自动生成图表形式的站点地图。点击图表上的每个控件,就会去到对应的页面。

另外,你还可以自定义流程图(Flow)控件的链接页面,方法是双击控件,再选择需要链接到的页面。

5 左右滑动与拖拽

Axure 6.5里,动态面板(Dymatic Panel)新增了针对手机应用的OnSwipeLeft和OnSwipeRight两个Case,同时强化了拖拽(Drag Drop)相关操作的交互。现在,你可以实现让动态面板只能横向/纵向拖动、拖动结束后返回/不返回原位等丰富的动作了。

6 给动态面板添加滚动条

有些时候你想做一个长宽都有限制的容器,让用户拖动滚动条来查看容器中的元素。Inline Frame在这方面很局限,你需要利用动态面板的Scrollbar属性。

右键点击动态面板-Edit Dymanic Panel,你会看到4个带“Scrollbar”字样的属性,根据需要进行选择,然后你的这个动态面板就能承载并通过滚动条来显示超过自身大小的内容了。

7 在浏览器中悬浮

有时候你需要做一个相对浏览器位置固定的元素,这时候你还是要用动态面板。右键点击-Pin to Browser,然后设定悬浮位置,搞掂!

8 “Move”动作

在Case Editor中有一个action叫“Move Panels”,可以让动态面板移动到指定的位置,并可配合Animate效果(直线移动、摆动、旋转移动等)。这非常适合用来做菜单的展开/折叠,滑动,图片传送带等效果。(别鄙视我,这个真的也是我最近才知道的功能,以前做展开/折叠效果可纠结了。。。)

9 地图拖拽效果

想制作一个可以用鼠标拖来拖去的地图效果,这在Axure里也并非是不可能,只是实现起来略微麻烦。

你需要创建一对嵌套的动态面版,每个动态面板都只有1个state。外部的动态面板是地图容器,内部的面板用来放置地图图片。当设置好2个面板后,给“地图容器”添加一个OnDrag的Case,并指定动作为“Move Panels”,而需要移动的面板正是“地图内容”,再把Move设为“With Drag”,大功告成。

(面板嵌套结构)

(动作设置)

10 三种类型的Master

Master是一种类似“印章”的操作。对于需要重复使用的控件组,你可以把它们做成一个Master,然后只需拖拽便可重复创建,很方便。不过这只是Master的三种类型之一,叫Normal。

第二种类型叫“Place in Ground”,这种Master拖入页面后的位置是固定的(与),并且放在最底层。这种Master适合做页面模板,例如在制作手机应用的原型时,可以拿来做手机外形的效果。

第三种叫“Custom Widget”,这种Master一旦拖进页面,便与母板失去了关联,但是其中的控件变得可以编辑了。

要改变Master的类型,只需对着一个Master点右键-Behavior,再选择需要的类型。

11 给Master创建Event(事件)

Event是Master的强化剂,通过定义Event,一个Master可以在不同页面实现不一样的交互效果。

在Master的Case Editor中,action列表的Misscellaneous中会多出来一个Raise Event,你可以创建多个Event。当再把这个Master拖进页面时,在它的Widget Properties面板中,先前创建的Event就会作为Case显示出来。

(为某个Master创建2个Event,一个叫ShowNextPicture,一个叫ShowLastPicture)

(然后这个Master就多出来了2个Case)

这个功能的一个典型应用场景就是翻页。创建一个可以复用的“上一页-下一页”Master,并给“上一页”和“下一页”Raise不同的Event,当你再把这个Master拖进页面时,就可以为“上一页”和“下一页”指定不同的链接了。Axure官网有个例子值得学习:http://www.axure.com/previous-next-link-master-tutorial

12 使用变量

变量可以帮助你在多个页面间传递数值,它需要与Case Editor中的“Set Variable/Widget values”结合使用。

例如我们做一个根据登录者用户名显示不同的欢迎语句的交互,就可以先创建一个叫“UserName”的变量,当用户点击登录按钮后,将“用户名”一栏的值存储到UserName中(使用Set Variable/Widget values);再给显示欢迎语的页面添加一个OnPageLoad的action(依然是Set Variable/Widget values),将UserName的值设置给欢迎语中显示用户名的地方。建议也去学习一下Axure官方的例子:http://www.axure.com/pass-text-to-next-page-tutorial

(变量管理面板)

13 创建chm格式的原型

默认状态下,Axure每次生成原型时都会产出一大堆html和图片文件,对管理、发布来说都是个麻烦事。其实Axure是支持把原型做成一个chm文件的,方法是在生成原型时,勾选“Distribution”中的“Create HTML Help File(.chm)”选项。不过你的电脑里需要安装chm的生成工具,如果没装的话,可以点界面上的“Download Microsoft HTML Help Workshop”下载。

14 在原型里加入Logo

创建原型时,在“Logo”里可以为你的原型添加Logo和标题语,这样在导出的原型中,左上角就会显示刚才添加的Logo和标题语。

15 多人协作

有时候,我们需要多人合作完成一个Axure原型。传统的方法是每个人编辑自己的部分,再粘贴到一起。其实Axure内置了一套基于版本管理思路的协作编辑功能。要使用这个功能,首先你需要一个SVN服务器,然后在菜单栏的”Share-Create Share Project from Current File“对项目进行配置。这用起来很像SVN,你最好有一些SVN的基础,或者去读读这篇教程:http://www.axure.com/shared-projects

16 Widget样式控制

本来不想放这一条,可写的时候觉得还是加上吧,没准真的有人不知道的。

Axure提供了类似Office Word中的“样式”和“格式刷”的功能,它们是“Widget Style Editor”和“Format Painter”。利用前者,你可以改变原始控件的样式(字体大小、边框大小、背景色等等),一旦改动,所有已经应用到页面上的此控件的样式都会发生变化;你还可以创建一些自定义一些样式,并在页面里应用到你需要的控件上,一旦修改自定义样式,则所有使用此样式的控件也会跟着改变。而利用后者,你可以把一个控件的样式复制给另一个控件。

以上15个技巧大部分出自Axure的官方教程,如果Axure对你的工作很重要,那我建议你尽快找时间仔细通读一遍官方教程:http://www.axure.com/training。再吼一嗓子:Axure博大精深啊,只有你想不到,没有它做不到。结合高保真设计能力,Axure完全可以做出足够以假乱真的产品原型。

最后,可能有人会说,只是原型而已,至于要做到这么精细吗?做到这么精细,岂不是影响UI设计师的发挥?对于这些观点,我的建议是:只使用Axure的默认控件(Wireframe),不要用那些样式花哨的自定义控件,并且所有页面中使用的颜色不能超过5种(不同灰度的灰色也算一种颜色)。然后,在交互动作方面,务必要做到尽可能的全真。交互动作是开发过程中最容易出现理解误差的产品设计要素,因此务必有一份详实、形象的文档来进行阐述。用Axure来解决,真是再适合不过了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/511876.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

阿里云全站加速DCDN升级

简介:相比传统CDN加速,全站加速DCDN具有更广阔的应用场景。在当下企业全面数字化的进程中,为了更全面地满足广大企业客户的个性化加速需求,全站加速DCDN从简单开通到个性化定制、从内容分发到安全防护,对客户侧的使用体…

Redis 内存满了怎么办?这样置才正确!

作者 | 码哥呀来源 | 码哥字节上回在《Redis 数据过期了会被立马删除么?》说到如果过期的数据太多,定时删除无法删除完全(每次删除完过期的 key 还是超过 25%),同时这些 key 再也不会被客户端请求,就无法走…

2000坐标系高程与85高程转换_【科普】测量人必须知道的几大坐标系

导读 不了解坐标系的测绘测量人员,不是好员工!无论科研的还是外业的,亦是如此。小编今天就为大家盘点出这几大传统坐标系,各位大大赶快收藏起来吧! 1 北京54坐标系 新中国成立以后,我国大地测量进入了全面发展时期,在全国范围内开展了正规的,全面的大地测量和测图工作,…

计算机编程pdf百度云,计算机编程基础.pdf

JAVA程序设计基础• Java是完全面向对象的语言,所有的实现必须放在类中。• JVM是 Java 编程语言的核心。• Java 运行时环境 (JRE) 包含一方面与硬件交互、另一方面又与程序交互的 JVM 。• JDK用于开发 Java 程序。• main函数是Java应用程序执行的入口。• 掌握如…

云原生数据仓库AnalyticDB支撑双11,大幅提升分析实时性和用户体验

简介:2021年双十一刚刚落幕,已连续多年稳定支持双十一大促的云原生数据仓库AnalyticDB,今年双十一期间仍然一如既往的稳定。除了稳定顺滑的基本盘之外,AnalyticDB还有什么亮点呢?下面我们来一一揭秘。 作者 | Analytic…

漫画:什么是IaaS、PaaS、SaaS?

‍‍作者 | 小灰来源 | 程序员小灰假如你想要一栋属于自己的房子,你有什么样的选择呢?第一种方式,我们可以自己上山砍树准备木材,然后自己去烧制砖瓦,还需要自己研磨油漆等其他材料.....材料准备齐全以后,我…

app获取个人信息是否合法_重拳出击!42款APP过度收集用户信息被点名

驱动中国2019年9月10日消息 近年来我国不断加强对互联网应用中个人信息的保护,但因相关监管机制尚不健全,实际上多数APP并未遵循最少够用原则,仍存在违规收集使用个人信息现象。日前,广东省公安厅持续加强对超范围收集用户信息行为…

无接触式智能服务 用“减法”重塑企业前台场景

简介:为了更好解决企业对前台工作效率、服务体验等诉求,阿里巴巴企业智能事业部联合阿里行政,推出的“非接触式服务”——云前台,集物品暂存、自助领取、物品临时借用、查询周边配套信息、一键呼叫视频客服、报销单收取等功能于一…

阿里园区的这个“格子间” 成为企业高效协同新利器

简介:第一期《数智进化论》带你走进阿里园区的“网红”格子间——视频会议吧,了解它是如何提升办公空间利用率,解决会议室资源供给不足的问题。 会议室是企业员工进行创意、讨论、决策的重要协作场所。传统会议室数量有限、大小相对固定&…

引入的html设置utf-8,如何为default.html将字符编码设置为UTF-8?

我花了最后几个小时让我的网站验证HTML 4.01严格,我实际上已经取得了成功,但仍然有一个我无法摆脱的警告。警告是:字符编码不匹配!中指定的字符编码HTTP标头(iso-8859-1)是不同于的价值元素(utf-8)。我会用这个值来自HTTP头(iso-8…

仅用一个 HTML 标签,实现带动画的抖音 Logo

作者 | 零一来源 | 前端印象今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO,涉及了很多知识点,欢迎交流讨论先上结果,最终实现效果如下:成品图还原度应该还可以吧?抖音Logo结构想要用CSS来画抖音的Logo&#xf…

vaex 处理海量数据_核心业务“瘦身”进行时!手把手带你搭建海量数据实时处理架构...

01 背景在线交易服务平台目的是减轻核心系统计算压力和核心性能负荷压力,通过该平台可以将核心系统的交易数据实时捕获、实时计算加工、计算结果保存于SequoiaDB中。并能实时的为用户提供在线交易查询服务。在线交易服务平台基于实时处理架构设计,通过将…

自己动手写符合自己业务需求的eslint规则

简介:eslint是构建在AST Parser基础上的规则扫描器,缺省情况下使用espree作为AST解析器。rules写好对于AST事件的回调,linter处理源代码之后会根据相应的事件来回调rules中的处理函数。另外,在进入细节之前,请思考一下…

双11特刊|一站式在线数据管理平台DMS技术再升级,高效护航双11

简介: 10万企业共同选择的数据库服务平台 阿里云数据库已连续多年稳定支撑天猫双11,历经极端流量场景淬炼。除了保障稳定顺滑的基本盘,今年大促期间数据库通过全面云原生化,大幅提升用户体验,让技术帮助业务产生更有价…

账户配置阻止使用计算机.怎样开机,开机自启动设置怎么操作 开机自启动设置如何禁止【图文介绍】...

我们都知道,如今的电脑被我们广泛地运用着, 因为它具有很多的功能,比如我们可以通过电脑实现我们平时工作的需要,还可以不出 门 便能够网上购物,非常方便快捷。电脑一般来说都是由硬件系统和软件系统组成的。有时候可能…

Gartner:2021年全球半导体收入增长26%

供稿 | Gartner 出品 | CSDN 云计算 根据Gartner公司的最终统计结果,2021年全球半导体收入同比增长26.3%,总计5950亿美元。 Gartner研究副总裁Andrew Norwood表示:“引起当前芯片短缺的各种事件继续影响全球原设备制造商(OEM&…

pandas 判断是否等于nan_Python之pandas笔记

一、创建1.创建 Series (一维,带标签的数组)t pd.Series(np.arange(10), index list(string.ascii_uppercase[:10]))2.创建 DataFrame (二维,Series的容器 )t pd.DataFrame(np.arange(6).reshape((2,3)), indexlist(ab),columnslist(csr) )3.DataFrame…

解密 Dubbo 三大中心的部署架构

简介:Dubbo作为一个微服务框架,Dubbo SDK与应用服务绑定在同一个进程内,它跟随着应用服务被部署在分布式集群各个位置,为了在分布式环境下实现各个应用服务间的协作, Dubbo 定义了一些中心化组件。 作者 | 华钟明 01…

计算机本科论文胶装封面颜色,毕业论文装订、存档详解

本科毕业论文装订、存档说明一、任务书注意事项二、开题报告注意事项三、论文存档专用袋存放的材料四、论文存档专用袋“材料目次”的填写五、论文封底的填写装订顺序:封面、目录、摘要及关键词(中英文)、正文、参考文献、附录、致谢、外文翻译(译文在前,原文在后) …

历经7年双11实战,阿里巴巴是如何定义云原生混部调度优先级及服务质量的?

简介: 本文将聚焦在 K8s 层的容器优先级和服务质量模型上,希望给业界提供一些可借鉴的思路。 作者:南异 引言 阿里巴巴在离线混部技术从 2014 年开始,经历了七年的双十一检验,内部已经大规模落地推广,每…