Axure

  • Axure教程:广告图片自动轮播+点击切换

    广告图轮播在日常的原型设计中是最常见的了,今天和大家分享如何制作自动轮播+手工点击切换,底部有已制作好的原型文件下载,废话不多说,咋们现在就动手实现。 首先看一下我们最终想要的效果: 一、制作自动轮播 1、选中图片右键转换为动态面板,同时在动态面板中添加第二张和第三张广告图。 如下图: 2、点击页面空白处,设置页面载入时事件,选择 设置动态面板 效果,选择b...

    2018-09-17
    463
  • Axure设计:百词斩单词翻转还原效果实现

    几天突然看到运营喵推送文章,原型设计:百词斩单词翻转还原效果实现,作者xuruiuiui,仔细看了下文章,发现作者是用墨刀这个软件做的,且是点击效果和百词斩首页还是有点差别的,然后一时手痒,自己重新用Axure做了下这个原型。 百词斩官网效果如下: 用Axure做的百词斩原型录屏。 以下是我制作该原型的步骤: 工具:Axure 1、选取组件:动态面板,动态面...

    2018-09-14
    790
  • Axure:以秒表计时为例,看如何停止及继续循环

    本文作者将尝试用两种方法来实现【秒表计时】功能,探讨一下如何实现:循环的开始、循环的结束、循环的继续。enjoy~ 在原型设计过程中,有一些常用的交互效果,涉及到循环,例如: 轮播图一直轮播 60s后重新获取手机验证码 时间显示 秒表计时 播放/暂停 而“重新获取手机验证码”又涉及停止循环,“播放/暂停”还涉及到继续循环 今天,我们尝试用以下两种方法来实现【...

    2018-09-09
    499
  • Axure:APP悬浮菜单的动态导航

    述了APP中悬浮式菜单导航的动态展开与收起的过程,一起来看看~ 先看效果: 体验地址:https://pikopc.axshare.com 一、操作分析 点击加号按钮,加号顺时针旋转45度,变成关闭按钮,扇形菜单栏以按钮为中心弹出。 点击关闭按钮,×逆时针旋转45度,变成加号按钮,扇形菜单栏以按钮为中心收起。 二、实现步骤 1. 准备阶段 首先拖入一个375...

    2018-09-07
    571
  • Axure RP 9 Beta 下载,正式版已经不远了(更新汉化包)

    Axure RP 9.0 Beta 已经更新,最新版已经开放下载,最新版本号为:9.0.0.3611。 Axure RP 9下载地址: 目前Axure 官网已经开放下载,下载地址为: https://www.axure.com/blog/axure-rp-9-beta Axure操作不熟练,做出的原型不标准,无法做出高保真的朋友~也可以看看这里 http:/...

    2018-09-06
    487
  • Axure:如何实现Banner导航悬浮顶部效果

    本文内容适合初级Axure同学学习,Axure高手有更快捷的方法可达此效果欢迎评论留言,一起交流学习~ 背景 相信大家在工作中遇到这样的一个难题,绞尽脑汁,尝试N种方法,还是没有做出很流畅的悬浮效果。 曾经作者也遇到这样难题,今天我将带领大家一起学习,一起解决这个难题。 这是一个什么难题? 请查看下图: 网站头部,整站导航;页面下滑时提起,悬浮置顶效果很好做...

    2018-09-04
    551
  • Axure教程:天气APP及色彩主题的切换

    本文主要介绍了用Axure制作高保真天气APP以及色彩主题切换~ 一、效果展示: 原型体验地址:https://p5eysh.axshare.com/#c=2 二、操作分析 点击index页面的上箭头按钮,天气详情上滑出现在屏幕底部,中间的信息移动到右上角,上箭头上移变成下箭头。 天气详情,点击左右箭头可以查看未来9天的天气。 点击右上角的更多页面,进入色彩...

    2018-09-04
    742
  • Axure:APP图片动态切换场景

    本文主要介绍了APP中图片动态切换的运用,一起来看看~ 效果图: 操作分析 鼠标向左/向右滑动,图片动态切换至下一张/上一张,且当前图片尺寸变大,清晰度由透明变不透明。 图片上面人物简介以上滑的形式切换。 关键要素 动态面板 准备阶段 1、首先拖入一个矩形,设置其宽高为375*667,取消边框,设置阴影(偏移x:0,y:0,模糊:20,颜色:默认灰色)作为A...

    2018-09-03
    429
  • Axure设计:双向列表带计数选择

    列表框左右双向选择效果在互联网平台中应用非常多,从左侧的待选项中选中选项移入右侧,从右侧的已选项中取消选项移入左侧。作者将通过这篇案列分享,教大家使用Axure制作实现“双向列表带计数选择”。   实现效果 双向列表均为单项选择,不支持多选或全选; 移入选项、点击选项时分别有文字颜色或背景色的变化,突出选项; 如果左侧选项没有选中,点击向右选择时,...

    2018-09-02
    1.8K
  • Axure教程:制作进度条的简单方法

    看到大家在制作进度条的时候都喜欢用函数去实现,函数的实现方法虽然精准,但是函数复杂导致耗时耗力。在能够实现相似效果的情况下,我选择使用懒人的方法好了,动态面板走起~ 效果图:   教程镇河妖 1、创建基本元件 2、为面板各状态编辑不同进度的进度条 3、回到首页,为按钮编大招 4、没错,就是这样就结束了,来呀预览呀

    2018-09-01
    544
  • Axure原型设计:活动抽奖转盘

    生活中在购物的时候经常会遇到一些可以抽奖的活动,很多时候都采用转盘抽奖的形式,抽中奖自然很开心啦,但是这个转盘原型是怎样做出来的呢,马上来看下吧! 先来个完整图,所有的布局结构,如下图: 步骤一:搭建组件 “转盘”:一个300×300白底黑框的圆形(大小适中就可以),一条垂直线,一条45度垂直线,一条水平线,一条45度水平线,四条线组成8等份,放置在圆形的正...

    2018-08-30
    495
  • Axure教程:以微信为例,模拟内容的滚动浏览并触底反弹效果

    无论是APP还是网站,上下纵向浏览或者左右横向浏览是非常常见的,除此之外,大家肯定也都注意到了一种情况一种现象:当内容浏览到底部时,继续下拉页面会出现触底反弹,顶部也是如此。今天我们以微信聊天记录为例,一起来探索这种浏览方式的实现方法。 效果图奉上 原理:拖动面板沿轴移动来实现浏览,结束面板拖动时,如果面板离开档板,将会移动(反弹)回合适的位置。 设计步骤 ...

    2018-08-22
    586
  • Axure 8.0正式版:第一原型设计工具

    期待已久的Axure 8.0正式版,终于如期而至,今天小编妹妹第一时间收集了MAC和windows版安装包以及Axure8.0汉化包下载地址给大家,产品汪、运营喵、设计湿、交互蛙….还不赶紧下载? Axure是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写...

    2018-08-21
    833
  • Axure中继器:2级菜单最简洁的打开方式

    之前看到过很多介绍制作2级菜单的文章,大都是制作N个子菜单,隐藏后待适当时机(点击)再显示。看看密密麻麻的隐藏元件,实在头大,是否有简洁一些方法呢? 当然有了!今天就带大家用中继器来尝试完成一个2级菜单,一起来看看~ 先看看效果: 第一阶段:准备基本素材元件 1、拖拽1个中继器到主操作区域 如下图: 2、双击中继器,进入编辑中继器内的元件 2-1、删除默认的...

    2018-08-20
    493