Axure 8.0手机页面拖动弹回效果

Axure RP8.0教程 手机页面的拖动和弹回效果 。用户向上拖动页面,页面向上滑动。用户向下拖动页面,页面向下滑动。当用户拖动页面到最底部时,页面弹回显示第一屏。当用户拖动页面到最顶部时页面弹回显示最后一屏。步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下...

Axure RP8.0教程 手机页面的拖动和弹回效果 。

  1. 用户向上拖动页面,页面向上滑动。

  2. 用户向下拖动页面,页面向下滑动。

  3. 当用户拖动页面到最底部时,页面弹回显示第一屏。

  4. 当用户拖动页面到最顶部时页面弹回显示最后一屏。

步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。

Axure 8.0手机页面拖动弹回效果

步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下样式还有调整一下大小和位置,制作成一个网页列表如下图所示

Axure 8.0手机页面拖动弹回效果

步骤三选择页面中列表页下面所有的部件,将他们转换成为一个动态面板,将这个动态面板的名称命名为拖动,将这个动态面板的名称命名为拖动,将这个拖动面板宽度大小为手机的内部宽度大小,高设置为手机内部高度减去列表页部件的高度大小。

Axure 8.0手机页面拖动弹回效果

步骤四点击进入到拖动面板的状态1页面中,按照一定的列表顺序继续制作这个页面的列表,使这个列表的高度远远超过拖动动态面板的高度,选择页面中所有的列表部件将他们转换成一个新的动态面板,为了区分将这个动态面板的名称命名为拖动2

Axure 8.0手机页面拖动弹回效果

步骤五现在我们来设置拖动2面板的交互动作,当我们拖动面板时,面板X轴是不变的只会改变Y轴的位置,所以我们在拖动2面板的动作交互,拖动动态面板时移动拖动2面板垂直轴拖动。

Axure 8.0手机页面拖动弹回效果

步骤六接下来我们需要设置两个矩形为动态面板拖动2设置一个参考,拖动两个矩形移动到到手机界面上一个矩形命名为顶部,调整位置到列表页下面,一个矩形下命名为底部,调整位置到手机底部内边框位置,将这矩形跳转一下层的顺序,设置到最底层。

Axure 8.0手机页面拖动弹回效果

步骤七我们返回到拖动面板的状态1页面,设置一下拖动2的,结束拖动动态面板时,的交互动作,在弹出的用例编辑器中,编辑一下条件当动态面板拖动2的部件范围未接触到顶部参考线时,移动拖动2面板到绝对位置(0,0)将拖动2面板弹回显示第一屏位置。

Axure 8.0手机页面拖动弹回效果

Axure 8.0手机页面拖动弹回效果

步骤八在设置,当结束拖动动态面板,第二个交互动作,当动态面板拖动2的部件范围未接触到底部参考线时拖动2面板到绝对位置(0,-1424)Y轴的位置计算方法为拖动面板的高度减去拖动2面板的高度将拖动2面板弹回显示最后一屏位置。

Axure 8.0手机页面拖动弹回效果

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35790/

(0)
交互精选交互精选
上一篇 2018-03-10
下一篇 2018-03-10

相关推荐

  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • 设计和记录用户体验的细节

    设计和记录用户体验的细节体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。阶段1: 构想这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。附注...

    2018-03-31
  • 不以用户体验为目标的人工智能都是耍流氓

    上周末,老刘在家整理了一下旧物,忽然发现了这个。估计现在很多人都会觉得这简直是土到爆了,但在当年那可是先进到不行。听歌、拍照、玩游戏、上QQ,绝对是功能最强大的手机,每当老刘拿出来,那内心简直不要太骄傲。曾经把诺基亚这款手机当成宝贝的老刘,绝对没有想到,短短几年后,那些曾值得炫耀的功能,会变得不值一提。看看现在的手机,拍照都是自带PS的,玩游戏都是屏幕上直接操作的,买东西手机是可以直接付钱的,出门迷路了是可以直接导航的。老刘不禁感叹,科...

    2018-02-01
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • 【UI交互设计】首月结课作业展示

    花瓣美素是全国最大的版权素材平台,本文章内学生作品图片,未经允许,严禁抄袭和转载。花瓣网丨花瓣美素教学中心,承担天津市大学软件学院数字媒体专业UI交互设计方向120人的教实训任务,在刚刚过去的第一个月里,通过同学们和教师团队的不断努力,专业核心课程《图形图像基础》和《用户体验设计》等两门课程教学任务圆满完成。《图形图像基础》是UI交互设计专业的专业必修课。通过企业教师的认真指导和对该课程的学习,同学们对UI交互有了进一步的了解,在企业教...

    2018-04-17
  • 用户体验升级:《部落冲突》VS《竞逐之国:毁灭时代》

    原文作者:Om Tandon‘用户体验设计’是电子游戏产品的关键组成部分之一,随着手游产业的发展和智能手机的普及,人们接触的手游越来越多,现有的手游体验对多数玩家来说已经不再陌生。为了在同类产品中建立优势,开发者需要不断实现创新,改进并突破这种体验,从而为用户创造新的价值。与上市时间较长的同类手游《部落冲突》相比,Space Ape的RTS新作《竞逐之国:毁灭时代》在用户体验方面实现了突破。我们将两者的‘首次用户体验’、‘编辑模式&基地...

    2018-03-09
  • 荣格产品走进千家万户,用户体验分享大—放—送。

    荣格之声用声音分享荣格关注日用品篇案例1我从小牙龈出血,吃馒头也出血,吃苹果更出血,怎么都治不好,给生活带来了不便。长大后,我就试用各种牙膏,X利、 X美、X南白药等等,什么贵用什么,结果还是不尽人意。在我41岁也是2011年的时候,经同学介绍,我试用了荣格芦荟牙膏,结果三天后见效了,当时我很兴奋,15元150克,这么便宜的牙膏竟然解决了我几十年的痛苦,太神奇了,口气清新,牙齿又白又亮,牙龈受损的也得到了修复,口腔溃疡再也与我无缘,坚持...

    2018-02-20
  • 面试被问Axure水平?菜鸟这样学,快速做出能拿去面试的原型

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。面试者如果带一份好的标准的产品原型作品,会加分不少。那么一份能拿去面试的原型,长什么样呢?(以下是6周axure实战班同学作品)1、原型里,会梳理产品的功能流程2、标准的低保真原型3、清晰、明确、可读性强的原型注释如果你也想做出能拿去面试的原型图想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?没人监督指导,自学还没...

    2018-04-20
  • 在WEB/UI的交互设计中运用格式塔心理学理论

    UI或UX分析需求主要是以人机交互界面为主,而这个需求不仅仅是一些设计、视觉使用体验,在这里体验当中,我们可适当运用一些心理学,比如格式塔理论就是一个很好的分析法。[图片]格式塔学派是心理学重要流派之一,兴起于20世纪初的德国,又称为完形心理学。由马科斯·韦特墨(1880-194

    微信热点 2018-02-04
  • 【分享•客户体验】“互联网+”如何提升用户体验?

    “你兜售的虽然是产品,但真正能使你获益的却是服务”。为何这样讲?众所周知,顾客就是上帝。在今天,客户体验越来越多的被提及,产品得到了更多的外延及扩展,已经不再局限于产品本身的价值,而有了更多的后续价值和服务的依托。注重交付的每个环节的规范与体验,这让卖点从产品本身逐渐渗透到整个产品的生命周期中,用户对品牌的认识也开始从产品蔓延到店面、店员、交易流程是否顺畅、售后服务是否及时到位等诸多层面。换句话说,产品是基础,而优质的服务可以帮助企业赢...

    2018-02-11