童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

AxureRP基础教程篇:15个很有帮助的使用技巧

10月2日 夜如影投稿
  本文总结了15个很有帮助的Axure使用技巧,希望你看了之后能有所收获。
  注意:本文基于Axure英文版写作,对于那些我不知道该如何翻译的供功能和名称,只好直接给出英文叫法。此外,建议在阅读本文时打开你的Axure6。5(版本不够的赶紧去升级),否则有些操作流程你可能会看不懂。
  1栅格设置
  Axure6。5默认隐藏了栅格,许多人对此很不适应,顿时不知该如何对齐控件了。要打开辅助线,只需点击菜单栏的“WireframGridandGuides”,把“HideGrids”前面的勾去掉就行。另外在“GridSettings”里,还可以调整栅格的间距,样式(点或线)以及DPI。
  另外插一句,Axure是可以拉辅助线的,这点我是最近才知道。。。
  2创建多个PageNotes
  Axure里的每个页面都有一块“PageNotes”区域用来写页面注释。你可以创建多个PageNotes,方法就是点击“WireframeManagePageNotes”,在弹出的面板中增加Notes,这样所有页面都会多出来这个新的Notes。这个技巧可以用来写页面的调整历史(每个Notes代表一个版本),或者在多人协作编辑时区分不同人编写的notes。
  3手绘风格,以及PageFormatting中的其他功能
  听一个朋友说,他们的产品团队因为追求手绘风格而放弃了Axure,改用Mockups。真是可笑至极,其实Axure从6。0开始就加入了手绘风格。在PageFormatting里有个Sketchiness的选项,可以设置手绘风格的“扭曲度”。默认是0,横平竖直,数字越大越“扭曲”越“手绘”。
  PageFormatting里还有其他一些有用的功能,例如设置页面背景色、背景图(支持图片repeat哟)、整个页面的对齐方式(默认是横竖都居中)、甚至一键把页面变成黑白模式(Color里的第二项)。
  4自动生成站点地图
  有时我们需要把整个站点的结构用树形图呈现出来,Axure为此提供了一个快捷的方法:在Sitemap区域对准你希望生成树形图的主干点右键,选择“GenerateFlowDiagram”,就能自动生成图表形式的站点地图。点击图表上的每个控件,就会去到对应的页面。
  另外,你还可以自定义流程图(Flow)控件的链接页面,方法是双击控件,再选择需要链接到的页面。
  5左右滑动与拖拽
  Axure6。5里,动态面板(DymaticPanel)新增了针对手机应用的OnSwipeLeft和OnSwipeRight两个Case,同时强化了拖拽(DragDrop)相关操作的交互。现在,你可以实现让动态面板只能横向纵向拖动、拖动结束后返回不返回原位等丰富的动作了。
  6给动态面板添加滚动条
  有些时候你想做一个长宽都有限制的容器,让用户拖动滚动条来查看容器中的元素。InlineFrame在这方面很局限,你需要利用动态面板的Scrollbar属性。
  右键点击动态面板EditDymanicPanel,你会看到4个带“Scrollbar”字样的属性,根据需要进行选择,然后你的这个动态面板就能承载并通过滚动条来显示超过自身大小的内容了。
  7在浏览器中悬浮
  有时候你需要做一个相对浏览器位置固定的元素,这时候你还是要用动态面板。右键点击PintoBrowser,然后设定悬浮位置,搞掂!
  8“Move”动作
  在CaseEditor中有一个action叫“MovePanels”,可以让动态面板移动到指定的位置,并可配合Animate效果(直线移动、摆动、旋转移动等)。这非常适合用来做菜单的展开折叠,滑动,图片传送带等效果。(别鄙视我,这个真的也是我最近才知道的功能,以前做展开折叠效果可纠结了。。。)
  9地图拖拽效果
  想制作一个可以用鼠标拖来拖去的地图效果,这在Axure里也并非是不可能,只是实现起来略微麻烦。
  你需要创建一对嵌套的动态面版,每个动态面板都只有1个state。外部的动态面板是地图容器,内部的面板用来放置地图图片。当设置好2个面板后,给“地图容器”添加一个OnDrag的Case,并指定动作为“MovePanels”,而需要移动的面板正是“地图内容”,再把Move设为“WithDrag”,大功告成。
  (面板嵌套结构)
  
  (动作设置)
  10三种类型的Master
  Master是一种类似“印章”的操作。对于需要重复使用的控件组,你可以把它们做成一个Master,然后只需拖拽便可重复创建,很方便。不过这只是Master的三种类型之一,叫Normal。
  第二种类型叫“PlaceinGround”,这种Master拖入页面后的位置是固定的(与),并且放在最底层。这种Master适合做页面模板,例如在制作手机应用的原型时,可以拿来做手机外形的效果。
  第三种叫“CustomWidget”,这种Master一旦拖进页面,便与母板失去了关联,但是其中的控件变得可以编辑了。
  要改变Master的类型,只需对着一个Master点右键Behavior,再选择需要的类型。
  11给Master创建Event(事件)
  Event是Master的强化剂,通过定义Event,一个Master可以在不同页面实现不一样的交互效果。
  在Master的CaseEditor中,action列表的Misscellaneous中会多出来一个RaiseEvent,你可以创建多个Event。当再把这个Master拖进页面时,在它的WidgetProperties面板中,先前创建的Event就会作为Case显示出来。
  (为某个Master创建2个Event,一个叫ShowNextPicture,一个叫ShowLastPicture)
  
  (然后这个Master就多出来了2个Case)
  这个功能的一个典型应用场景就是翻页。创建一个可以复用的“上一页下一页”Master,并给“上一页”和“下一页”Raise不同的Event,当你再把这个Master拖进页面时,就可以为“上一页”和“下一页”指定不同的链接了。Axure官网有个例子值得学习:http:www。axure。compreviousnextlinkmastertutorial
  12使用变量
  变量可以帮助你在多个页面间传递数值,它需要与CaseEditor中的“SetVariableWidgetvalues”结合使用。
  例如我们做一个根据登录者用户名显示不同的欢迎语句的交互,就可以先创建一个叫“UserName”的变量,当用户点击登录按钮后,将“用户名”一栏的值存储到UserName中(使用SetVariableWidgetvalues);再给显示欢迎语的页面添加一个OnPageLoad的action(依然是SetVariableWidgetvalues),将UserName的值设置给欢迎语中显示用户名的地方。建议也去学习一下Axure官方的例子:http:www。axure。compasstexttonextpagetutorial
  
  (变量管理面板)
  13创建chm格式的原型
  默认状态下,Axure每次生成原型时都会产出一大堆html和图片文件,对管理、发布来说都是个麻烦事。其实Axure是支持把原型做成一个chm文件的,方法是在生成原型时,勾选“Distribution”中的“CreateHTMLHelpFile(。chm)”选项。不过你的电脑里需要安装chm的生成工具,如果没装的话,可以点界面上的“DownloadMicrosoftHTMLHelpWorkshop”下载。
  14在原型里加入Logo
  创建原型时,在“Logo”里可以为你的原型添加Logo和标题语,这样在导出的原型中,左上角就会显示刚才添加的Logo和标题语。
  15多人协作
  有时候,我们需要多人合作完成一个Axure原型。传统的方法是每个人编辑自己的部分,再粘贴到一起。其实Axure内置了一套基于版本管理思路的协作编辑功能。要使用这个功能,首先你需要一个SVN服务器,然后在菜单栏的”ShareCreateShareProjectfromCurrentFile“对项目进行配置。这用起来很像SVN,你最好有一些SVN的基础,或者去读读这篇教程:http:www。axure。comsharedprojects
  16Widget样式控制
  本来不想放这一条,可写的时候觉得还是加上吧,没准真的有人不知道的。
  Axure提供了类似OfficeWord中的“样式”和“格式刷”的功能,它们是“WidgetStyleEditor”和“FormatPainter”。利用前者,你可以改变原始控件的样式(字体大小、边框大小、背景色等等),一旦改动,所有已经应用到页面上的此控件的样式都会发生变化;你还可以创建一些自定义一些样式,并在页面里应用到你需要的控件上,一旦修改自定义样式,则所有使用此样式的控件也会跟着改变。而利用后者,你可以把一个控件的样式复制给另一个控件。
投诉 评论 转载

拥抱手势驱动的界面设计作为一名移动产品的视觉或用户体验设计师,你也许觉得Apple发布iPhone仿若昨日。iPhone无疑为最个人、最私密的设备开启了一个全新以触摸屏为中心的交互时代,是当之无愧的……浅谈扁平化设计随着互联网的高速发展,我们可以看到质感厚重,图层样式繁多的网站越来越少,反之各种轻质感,布局大胆、创意新颖、的网站慢慢进入了大家的视野,人类发展至今,人们的审美、时尚标准总是无……Axure基础教程01矩形部件用了axure两年了,算是入了门,也不断遇到有新手的各种疑问,感慨新手成长的不容易,因此写一些教程供大家参考,希望能给大家一点帮助吧。回想一下被朋友们问的问题,会发现其实大部分……在熟练使用2B铅笔前,请不要打开Axure在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使……AxureRP基础篇:实现循环显示效果的两种方法如何用Axure实现循环显示效果,本文收集了两种选择,可以通过I)中间件实现(无刷新、无变量页面滚动实现方法),II)重新加载当前页面来实现。下面将分别简单介……AxureRP基础教程篇:15个很有帮助的使用技巧本文总结了15个很有帮助的Axure使用技巧,希望你看了之后能有所收获。注意:本文基于Axure英文版写作,对于那些我不知道该如何翻译的供功能和名称,只好直接给出英文叫法……AxureRP基础篇:变量OnLoadVariable的简单主要讲的是如何将页面A的数据,传递到页面B,这种交互场景用户经常用到的有:搜索,登录。写这个教程目的是交互设计师在设计原型时能提高真实度,便于评审时项目组的理解,同时也方便在做……AxureRP基础篇:原型设计经验谈摘要:产品原型简单的来说就是最终产品设计成形之前的一个大概框架。而对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些的话还会加入一些交互性的元素,使其更加具体、形……AxureRP基础篇:简易登录窗口前言本文将介绍如何使用AxureRP来制作一个简易登录窗口的原型,与所有的AxureRP初学者共勉。最终的原型图将如下图所示:创建如图所示的原型,可……Axure每日一小技巧:格式设置详解AxureRP6。0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6。0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手……Axure各种级别的童鞋:自己来对号入座【编者按】本文作者朱军华R,本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一……AxureRP每日一小技巧:格式设置详解AxureRP6。0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6。0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手……
如何用智能撬动百亿情趣用品市场为什么你总忍不住发朋友圈?产品经理提升方法95后小鲜肉粗谈怎么做校园社交产品你丫闭嘴,你的产品烂透了!产品还是那些产品,经理呢?大佬眼中的互联网世界从汪涵救场看产品经理的危机处理干货解读:滴滴投资人告诉你如何3年内炼成百亿美金公司?第一时间反馈:产品经理你做到了吗?消费者对广告信息知觉的心理学分析有的人忙了一辈子,真的还不如一个APP!

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界