编辑导语：很多APP都有图片上传然后自动预览功能，那么如何用Axure教程实现这个功能呢？本文作者通过实际操作，为我们展示了整个流程，并且总结了四个步骤，希望看后能够对你有所帮助。 上一篇文章讲述了定制化上传元件的视觉效果，其实在制作过程中，我曾经碰到过一个问题，那就是“试图读取文件路径时，发现文件路径被替换为C:/fakepath/****.jpg”。 ——这是由于浏览器的安全机制，input file的路径时被fakepath代替，隐藏了真实物理路径。 Axure通常是用来做原型演示的，所以离线本地运行的情况比…
编辑导读：本文跟大家分享，如何用Axure完成导航栏根据滚动条同步选中效果，作者从预览图，到所需原件，再到操作步骤都一一展开了分析，并对过程中需要注意的问题进行了介绍，希望对你有所启发。 现在网页使用滚动条展示信息的场景越来越多，但是信息条太长会让用户感觉不知道滚动到什么位置了，对网站架构不太清楚，也不能快速定位到自己需要看到的信息，由此引入滚动条与导航栏关联同步的功能，比如京东商城PC端、天猫PC端等等。 去年我也整理过关于实现此功能的文章，但是现在觉得之前的实现方案不太方便快捷，今天我将引入热区元件来实现导航栏…
编辑导读：本文跟大家分享，如何用Axure实现光标移动切换图片的效果，作者从预览图，到所需原件，再到操作步骤都一一展开了分析，并对过程中需要注意的问题进行了介绍，希望对你有所启发。 01 概述 今天小鱼在腾讯大数据网站上搜查数据的时候找到了一个非常好玩的图片交互效果(如下图)，可能第一眼看到的时候会觉得困难,但是实际上制作的时候是非常简单的，下面小鱼就来教大家如何制作这样的交互效果吧。 02 材料准备 Axure PR 9.0 两张图片(小鱼偷懒用不同颜色的代替，蓝色A，红色B) 03 制作步骤 1、首先我们先准备…
编辑导语：Axure 是创建软件原型的快速有力的工具，然而对于很对用户来说，他们可能没有接受过正式的培训，不知道如何以恰当的方式来更有效率的使用Axure。基于此，本文作者结合案例分享了产品原型页面规范设计过程中需要注意的几个关键问题，希望看后对你有所帮助。 产品原型存在的价值是能够以最为直观的方式将你的业务需求展示给你的受众用户。 除了产品原型之外需要在PRD文档中体现的其他内容（比如业务、流程、逻辑等等）在同等质量的情况下，具有一定设计规范的产品原型明显会让你的受众更加容易接受。此外，在实际的工作中，我们也会担…
编辑导语：Axure 是创建软件原型的快速有力的工具，然而对于很对用户来说，他们可能没有接受过正式的培训，不知道如何以恰当的方式来更有效率的使用axure。基于此，本文作者为大家总结了几个能够提升Axure使用效率的小技巧，希望看后对你有所帮助。 学习了解软件的过程，价值远远大于使用它的过程。 一般来讲，在不考虑动效交互或是文本交互，比如文本输入、单选复选、下拉等等，通过矩形这一个系统组件基本上就能够完成产品原型的制作，包括PRD文档。 在Default→Common类别下的绝大多数组件，例如文本，段落、标题，按钮…
编辑导语：对于产品经理来说，原型设计与前端和后端的工作都是紧密相关的，因此原型设计必须严谨、规范，才能减轻自己以及他人的工作压力。那么产品原型设计如何做才能让后端开发迅速明白设计思路，理解功能逻辑机构呢？本文作者为我们总结了产品原型设计规范“三步走”战略“。 前言： 最近在带产品新人的时候，发现产品新人在绘制原型的时候，往往随性发挥、自由涂画，最后画出的原型千人千面，UI设计看了想打人，前端开发看了想骂人，后端开发看了……我的刀呢？ 所以在今天，我想谈谈产品原型设计的规范问题，综述为“三步走战略”。 一、第一步：让…
编辑导读：本文跟大家分享，如何用Axure实现移动光标达到视频预览效果，作者从预览图，到所需原件，再到操作步骤都一一展开了分析，并对过程中需要注意的问题进行了介绍，希望对你有所启发。 一、概述 今天小鱼又来写(shui)教程了，小鱼认为B站有一个非常好的交互设计那就是通过移动光标的方式达到视频预览(虽然是ppt式地播放)如下图所示，其实用AXURE实现起来的话并不是很困难，只是过程会有些繁琐，下面就开始进入正题吧。 二、材料准备 AXURE PR 9.0 图片若干(小鱼选取了灵笼片段的一部分总共10张图片) 三、交…
编辑导语：如何用AXURE制作拖拽照片交互墙效果呢？本文作者通过实际操做，为我们总结和分享了他的做法。 通过该教程可以简单实现照片墙拖拽交互效果，照片可以使用鼠标进行拖拽，支持图片大图预览。适合Axure新手朋友。 一、效果预览 二、准备元件 中继器：存放向图片素材 图片元件：加载图片 动态面板：拖拽效果使用 三、实现步骤 1. 步骤一 添加一个中继器，设置中继器数量项的字段名称。一列一张图片导入，字段名称不能重复了，如图： 中继器图片导入完成后，开始给图片赋值。选中图片元件，添加动作“设置图片”，Default默…
编辑导语：如何使用Axure去获取页面尺寸，并且使内联框架自适应大小呢？本文作者通过实际操作，进行了记录总结，希望看后对你有所帮助。 今天要演示的东西其实很简单，一两分钟就能做完，主要是用来弥补Axure IDE提供的交互功能中的不足，导致一些想法没办法很好地实现。 其实国外有大神(De Jongh)做了一个能在Axure发布框架内跑起来的Javascript拓展，这是地址：http://dejongh.dk/wiki/doku.php?id=interaction:axure_api&do=index。 …
编辑导读：在工作中，经常会用到各种各样的表格，“表单表格复选、全部选择框，勾选一个”是最常用的操作之一。如何用Axure来完成呢？本文将此总结成一个教程，希望对你有帮助。 一、全/复选表单 表单表格复选、全部选择框，勾选一个，底下怎么联动全部选中？ 1. 软件界面 11个复选框（其中一个全选）设置为11个动态面板，每个动态面板下两种状态，分别为带勾的和不带勾的方框 2. 交互 动态面板，单击时设置面板状态-动态面板-下一项-循环 状态改变时，如果动态面板为状态1则动态面板1-10为状态1 状态改变时，否则动态面板为…
