本文教给大家一个通过滚动鼠标查看长篇幅内容的效果，一起来看看~ 在输出B端产品的原型文档时，会遇到以下这种情况：需要在固定的页面或弹窗上展示长篇幅的内容，然后通过滚动鼠标来查看。 有一个比较笨的办法是：直接拖入一个内联框架，然后把需要展示的内容存放在另外一个页面，再将内联框架链接到那个页面，但这样有一个不好的展示效果，就是内联框架的滚动条在原型上是可以直接看到的，不够美观。 再有另外一个聪明点的办法就是：用和背景色一致的矩形去遮挡内联框架的滚动条。但凡有强迫症的人，是接受不了那个丑丑的滚动条的。但凡有追求的人，是不…
如何让三级菜单和标签页实现交互，笔者在此给出了一个教程，简单快捷的原型在向你招手~~ 今天，教大家如何做一个框架，包含三级菜单和标签页两部分内容，以及他们之间相互交互的内容。 效果如下图所示： 在线演示地址 一、效果介绍 左边菜单栏，最多有三级菜单，可以通过菜单中继器维护，使用方便。 点击菜单，如果有子菜单会展开或收起子菜单；如果没有子菜单，自动新增标签页，并打开对应页面（不会重复生成标签）。 点击不同的标签页，切换不同的页面。 删除所有标签页，自动跳转到首页。 二、使用方法 本模板使用简单，已制作好交互效果，只需…
本文要给大家讲解的是，按钮与文本框结合在一起的动态重置功能，enjoy~ 设置文本 1.1 页面布局 1.1.1 页面设定 新建一个页面文件，命名为“重置功能”。 在“重置功能”页面内新建一个命名为“窗口”的【组合文件】，并在【组合文件】内分别新建命名为“模板备注”、“字典名称、“左上””的【组合文件】和命名为“重置按钮”、“窗口背景”的【矩形】元件。 （1）模板备注 从元件库内分别拉入两个【矩形】和一个【文本框】元件分别做“模板备注-标题”、“模板备注-文本框”、“模板备注-背景”。 “模板备注-背景”的填充色为…
今天带大家使用产品经理必备神器axure实现iphone滑动解锁效果，一起来看看~ 一、准备素材 准备好一张背景图，绘制一个外边框命名“边框”，330*60，圆角30。 绘制一个圆形命名“滑块”，，50*50，圆角25，距离外边框各个边框距离5px。 新建一个页面，作为解锁以后进入的主页。 二、交互设置 将滑块转化为动态面板，设置动态面板载入事件，载入时设置变量location=滑块的x坐标。 设置动态面板拖动事件 1. 拖动时，设置动态面板水平拖动 这里需要注意三点： （1）边界设置，滑块的位置应当大于等于loc…
如何利用Axure中继器实现微信九宫格设计交互？一起来文中看看~ 下面这张图就是大家熟悉的、不怎么用的、特值钱的微信支付九宫格截图（尤记得京东入住的故事）： 田同学说：“这原型效果还不简单，矩形+图片，添加链接，然后ctrl+c/+v * 9，over”。 这方法确实能实现这个样式，没问题，也是大家采用最多的、最原始的方式。这里采用中继器控件可以更加快速的、顺滑的完成，也可以锻炼你对中继器的使用和加深对中继器的理解。 他来了、他来了、他一步一步走来了～～～ Step 1 拖拽设置尺寸为 375*667-20 （这里…
如何利用Axure RP8 实现照片胶片放映滚动效果呢？一起来文中看看~ 生活中，经常看到胶片放映滚动播放的效果，如下所示： 原理分析： 图片集循环水平滚动展示。 当【图片集】向左水平移动时，最后一张图片显示到达最右端时，第一张图片移到后面，继续接着轮放。循环水平移动播放。 本教程将分享实现方法： 第一种：利用动态面板切换 适用情形：展示的图片集总宽度正好等于展示屏幕宽度。 1）界面元件搭建 拉入三个矩形，填充不同颜色，作为要展示的三个图片，再将其转为动态面板。接下来，需要复制状态state1，生成一个相同的状态面…
用Axure RP8实现照片胶片放映滚动效果还有哪些方法呢，一起来看看~~ 继上一篇文章《Axure RP8 教程：照片胶片放映滚动效果制作（一）》，今天分享另一种实现方法。 第二种：利用元件的移动切换 实现原理：复制两组相同的图集，利用两个图集的之间的位移制作循环播放的假象。 适用情形：展示的图片集总宽度小于或等于展示屏幕宽度。 如下图所示： 1. 界面元件搭建 拉入三个矩形，填充不同颜色，作为要展示的三个图片，分别命名为：图片1、图片2、图片3，组合并命名为【图集1】，再复制【图集1】为另一组【图集2】，并排在…
贡献一个滑动模板，可以减少操作失误，更简单的设置滑动效果，并且没有滑动框。 效果预览地址：https://95mtb2.axshare.com 一、新建AXURE 插入iphone6外壳： 二、载入模板 1. 下载“我的页面-垂直拖动案例”，解压压缩包 链接： https://pan.baidu.com/s/1z0MUefPFZ1_j_zHbBWNqDg 提取码： qr2a 2. 载入模板 文件—从rp文件导入，按照提示一步步操作就能载入模板。 3. 复制动态模板 把动态模板复制到之前的iphone6外壳内。 三、…
如何用Axure RP 9做出微信的消息对话效果呢？就在模拟微信系列教程。 今天给大家简单演示一个模拟微信教程，接下来会逐步完善模拟微信的更多细节。 本次教程我们模拟的内容，包括模拟利用中继器实现消息对话，同时显示最新一条消息的收到时间或者发送时间。 一、框架搭建 因为接下来会更深层的去做一些内容，因此本次我们先搭建好一些框架，以便后期继续增加新的交互：我们需要一个动态面板，里面添加五个状态，分别用来显示四个一级菜单和对话页面。 我们需要四个中继器，用于实现消息对话的效果，同时微信的导航菜单放置在动态面板外边。考虑…
如何在Axure中实现不同元件的单选选中效果？教程详解在此，请看~~ 同一选填内容的不同选项，我们可以通过拖动元件库已有的“单选按钮”，编辑选项对应需要展示的文字；然后全选所有的“单选按钮”，将他们组合并取名为某一名称；最后将此名称复制到“设置单选按钮组名称”中，即可实现效果。 以我们填写个人信息中很常见的性别选择为例。 但如果你所需要呈现的原型不是单选按钮，而是类似于菜单选中或者页码切换的展示效果，那“单选按钮”就满足不了你了 这时候我们需要自定义不同元件的单选选中效果，具体的Axure操作步骤可分解为： 第一步…
