Axure使用心得分享

因为之前很少涉及到原型设计,所以对这个原型设计工具也不太熟悉,第一次使用走了不少的弯路,在这里把自己在使用过程中的心得跟大家分享一下,希望能够对大家有所帮助。

一、 元素的选择

我觉得这是Axure原型设计工具最让人不习惯的地方。举例说明,如果界面上的元素很多,而且有分层、遮盖的情况,这样的话下层的元素就无法显示了,但是有时候你可能只需要选择上层的一些元素,这个时候你不得不一个个的点击选中了,如果全选的话就可能将被遮盖的元素也给选中。下面就和大家分享一下常用的解决方法:

1) 使用Lock锁定

把你所需要的元素选择的元素选定之后选择锁定,这个被选定元素轮廓就会变为红色,不可操作,也不可移动。当你选择全选时,锁定的元素师不能移动的。操作示意图如下:

a)将元素选中后点击红框内的锁形图标锁定

b)锁定后如下所示,如果想解锁,点击红框内解锁图标即可

2) 使用Group分组

把你所需要的元素选择的元素选定之后选择锁定,然后点击右键选择Groupping选择Group,这样你所选的元素就会自然的成为一组,你可以随意的拖动一组内的元素,在将选中的元素放置到合适的位置之后,还可以分组元素进行拆分,点击右键Ungroup即可。操作示意图如下:

a) 将元素选定后,点击右键选择红框中的选项即可组成一组

b) 如果想拆分的话,选中元素后,右键选择红框中提示即可分组

二、 动态的显示层

这种效果现在应用的已经很多了,这里就不再做过多的解释,直接通过一个小示例向大家讲解如何制作动态的显示层,同时也把我在原型设计中遇到的问题和大家一块分享一下,避免使大家走弯路。

a) 页面设计如下,首先我们在页面上放一个按钮,当我们点击的时候动态的弹出上边截图中的层。

b) 我们将要动态显示的层选中,也就是除“动态显示层”以为的部分,然后点击右键选择Convert,进而选择Convert to Dynamic Panel,即将所选中的元素转换为动态面板

c) 转换之后页面上的元素即不能点击了,就好像是一张静态的图片,这个时候我们要双击该元素,弹出如下对话框,在对话框中为该动态面板起一个名字

d) 然后我们再点击右键,选择编辑动态面板,将该面板设为隐藏如下图所示

e) 设置过后动态面板区域变成浅黄色,这时我们要选中“显示动态面板”按钮,然后双击又侧的Onclick事件,如下图所示:

f) 双击OnClick事件之后,弹出如下框,在下边选择

红框标识部分“show panel”即为弹出动态面板,后边Step4中要记得勾选我们要显示的动态面板,这里也就是我们之前起的名为”Olive”的动态面板。点击确认就OK了。

g) 如果想把整个文档全部都预览可以按F5,如果只是想预览当前页可按Ctr+F5,预览效果如下:

1) 点击前

2) 点击后

三、 动态显示层的关闭

通过刚刚的示例,我想大家肯定都可以做出动态的显示层,可是又一个问题出来了,层显示之后如何关闭呢?还是通过示例一步一步跟大家讲解一下吧

a) 还记得我们在上边“二、c)”中的截图吗,不记得也没关系,请看下图

图中有一个State1的列表项,该列表项主要是为了显示动态面板的状态,点击F2可以为该项重命名,不命名也可以,直接双击进入。

b) 进入之后界面如下,在这个页面中可以对动态面板的状态进行编辑,这时我们可以选中“确认“,或者”关闭“按钮,并设置其Onclick事件,如下图示

图中红框内提示“Hide Panel”为隐藏面板,然后再Step4中选择要隐藏的面板,这里也就是我们之前显示的”Olive“面板,点击OK即可。

c) F5运行预览,在弹出动态面板之后,如果想关闭,直接点击“确认“按钮即可关闭效果图就不再演示了。上图中还有一些Link、Dynamic Panel等相关的操作,大家都可以多尝试用一下,比如点击某个按钮打开一个新的页面就可以选中Link 节点下的Open Link in New Window选项等。

备注:

这里基本上就把设计中的一些心得给大家讲了一下,下面就讲一个在设计过程中遇到的问题,在进行动态面板的显示时,有时会遇到有些元素动态面板无法遮盖的情况,这是因为你在元素放置时先放了动态面板,后放了元素,因为这个原型设计工具是按层显示的,你后来放的元素在最上层,所以动态面板无法遮盖住,那如何解决这个问题呢?如下图红框所示,选择Order->Bring to Front,意思为将动态显示层放在最上边,这样就可以很好的解决了元素无法遮盖的情况。另外,因为我用到是英文版的,网上有很多中文版插件或者破解版之类的,如果对英文不感冒的朋友可以下载中文版的来用。

好了,到这里已经差不多把所学到的东西跟大家分享完了,希望可以对大家有所帮助,如果有不对的地方,还请大家批评指正。

时间: 2024-10-02 14:34:07

Axure使用心得分享的相关文章

百度索引和site差别太大经过投诉放出来后的心得分享

对于很多站长而言,网站被K或者是被百度降权后的一段时间里,网站的收录始终不放出来是个很让人头疼的问题,在这个过程中有个考核期,这个考核的时间在一个月左右,在这个期间每天都要扎实的坚持网站的内容和外链建设,尤其要把好这两方面的质量关,内容和外链在于精不在于多,这个过程是比较痛苦的,因为你每天做的事情看不到任何成效 ,尤其体现在收录的增长上,没有收录很难有好的排名,但是这个考核期过了以后该怎么善意的提醒一下百度把自己的网站解救出来呢,先来说说我自己的亲身体验. 我手头有一个朋友的网站,因为采集被K之

有关SEO关键字策略规划的技巧心得分享

网络上谈SEO的文章是漫天飞舞,有基础性教程.有心得分享.也有东搬西凑的.但是对SEO关键字策略规划的系统性文章相对较少,菜根谭分享下自己这方面的一些心得感悟. 首先,对SEO有些了解的应该都知道,SEO是一个系统工程,有站内代码标签优化.站内内容优化.站外链接建设.域名空间因素这几大模块.但是,菜根谭网络营销机构认为,在具体操作这些细节之前,我们应该先进行关键字策略分析. 经常看见很多网站的SEO不重视关键字分析,网站关键字都是凭空想象,以主观意志来选择关键字,或者一味选择广泛且竞争力的关键字

BootStrap的Datepicker控件使用心得分享_javascript技巧

2013年Bootstrap火了,2014年Bootstrap将继续受到更多人的喜欢,它不仅拥有一套完整漂亮的UI,而且爱好者们为其开发扩展了很多有用的插件和主题!让其拥有无限可能! 公司喜欢使用各种开源免费的框架,bootstrap就非常好用,而且框架布局很漂亮,用起来也很简单.今天遇到要使用它的datepicker这个控件. 问题是:两个时间点,分为开始时间和结束时间,结束时间必须在开始时间之后.于是一顿研究,从上午研究到3点才解决问题. 总结了一下问题所在.主要原因是项目里用的jquery

SAAS平台运营心得分享!

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 SAAS平台运营心得分享! 07年底到08年初,中国的互联网冒出了一批新面孔,有神州数码推出的saasbb.com,有金碟和IBM合作推出的友商网,有阿里巴巴旗下的阿里软件公司推出的SAAS平台.还有许多大大小小的SAAS平台,综观国内的SAAS模式和SAAS行业,处于刚起步阶段,虽然中国的SAAS模式出现很早,但是一直因为市场环境不成熟,导

佳能50D相机拍摄人像技巧心得分享

给各位摄影爱好者们来详细的解析分享一下佳能50D相机拍摄人像的技巧心得. 心得分享: <拍摄数据> 相机:EOS 50D 镜头:EF 50mm f/1.2L USM 光圈优先自动曝光(F1.6,1/320秒) 白平衡:自动 ISO 200 照片风格:标准 步骤1:将相机固定在三脚架上,以便更好使用明亮的镜头 在窗边拍摄人像时,适合使用最大光圈明亮的定焦镜头.透过窗帘射入的窗边光线看起来虽然很强,但实际上光量是比较小的.而且室内的背景往往比较繁杂,为了使背景产生虚化以简化构图,也应该使用虚化柔和

大家把自己学c#的心得分享下

问题描述 大家在这把自己学习c#的心得分享下吧 解决方案 解决方案二:大虾们分享下你们的学习心得阿谢谢

浩浩创业心得分享.如何利用网络来创业实体生意

浩浩http://www.aliyun.com/zixun/aggregation/7105.html">创业心得分享.如何利用网络来创业实体生意 本人文笔不太行 写的不好请见谅 先自我介绍一下吧 姓名:陈浩 年龄:22 QQ:45209492 性别:带把的 网名: 浩浩 浩浩IBM 浩浩卖电脑 南京浩浩 文化程度: 初中退学 职业: 台式电脑DIY装机店+二手IBM批发+神舟联想全新渠道 上网年龄:9年以上 性格:开朗,自由,爱沟通,喜欢交朋友 爱好:网络,现实腐败 理想:南京乃至江苏,

photoshop基础素材合成心得分享

给各位photoshop软件的使用者们来详细的解析分享一下基础素材的合成心得. 心得分享: 合成,顾名思义:就几个部分合并成一个整体,最重要的两大块不外乎透视和光影关系.搞清楚这个两关系,基本就没啥大问题了.     找到喜欢的,打个草稿试试     找透视,找视平线     根据透视拍摄产品     开始合成     产品带入场景             可选颜色,作用:统一中性色.亮部.暗部色彩,用于微调部分.         案例分析:我们为什么要用到合成图             好了,

佳能500D相机拍摄夜景人像照片心得分享

给各位摄影爱好者们来详细的解析分享一下佳能500D相机拍摄夜景人像照片的心得. 心得分享: 以绚丽夜景作为背景拍摄夜景人像.而且令人意外的是,经常会遇到这样的拍摄场合.夜景人像的拍摄中,平衡背景亮度和人物亮度是决定性的关键.     如图所示,快门速度是以背景建筑物的亮度为基准所决定.利用低速同步进行拍摄时,人物亮度通过闪光灯来获得.这样一来,背景亮度的控制便成为拍摄的关键所在. 拍摄数据 相机:EOS 500D 镜头:EF-S 18-55mm f/3.5-5.6 IS/快门优先自动曝光(F5.