【原型设计】百度搜索提示是如何实现的？
百度搜索当我们使用搜索引擎输入关键词的时候，搜索引擎会根据搜索词模糊匹配推荐一些相关的内容在搜索框的下方显示，这里也包含了我们的搜索记录。点击搜索按钮，搜索引擎就会执行搜索，利用爬虫抓取的网页，按照一定的算法返回搜索结果列表。 那么这样的原
【Aure RP9 案例】京东与淘宝的商品图片是如何被放大的
摘要：在电商的商品详情页中我们经常会看到图片放大器的运用，我们以京东商品详情页为例来制作这样的原型效果。案例中综合运用了鼠标移入事件、鼠标移动事件，元件的移动、元件的显示/隐藏等交互动作。图1-京东示意图.png| 观察交互首先我们观察京东
Aure 教程：如何实现评论的限制与清空
摘要：评论已经作为内容型产品的一个基础功能，那么评论功能中经常使用的字数限制，评论内容清除功能是如何通过原型实现呢？本文就实现这些功能交互的效果来为大家分享设计的思路与方法。准备元件，绘制线框图首先需要准备一个矩形框、多行文本框、文本标签及
【原型设计】手把手教你巧用 Aure 制作图片轮播
通常我们在很多互联网产品的主界面都会看到各类各样的轮播图，那么这些轮播图的交互效果，有没有办法利用原型工具制作出来，现在就介绍下如何利用老牌原型工具Axure制作出多张图片轮播的效果，主要思路是通过页面载入事件、鼠标单击事件利用动态面板之间
Aure RP 9 原型案例：滑块验证码
| 一、概述滑块验证是一种新的交互验证方式，与传统的图文验证码相比，更安全更智能。通常用于注册、登录、密码修改等产品场景中。如图1所示为滑块验证的示意图及元素拆解。图1-示意图.png| 二、交互分析我们来分析上图的滑块验证都有哪些交互效
Aure RP9 案例：可以滑动的菜单
摘要：在PC端的产品中我们会常常见到滑动式菜单，当鼠标移入菜单上方，向下或向右自动滑动弹出子菜单，当页面信息层级较多或功能较多时，在产品设计时经常会用到这种滑动式菜单。今天就和大家分享如下制作滑动式菜单的交互原型。如下图1为滑动式菜单的示意
Aure 原型案例：淘宝手风琴菜单
摘要：手风琴菜单常常可以在PC端的页面中可以看到，无论是管理后台的左侧导航菜单还是个人中心的折叠菜单都可以看到手风琴菜单的身影，今天就和大家分享如何利用Axure RP 9制作可收缩的手风琴菜单。图1为手风琴菜单示意图。图1-示意图.png
【原型设计】巧用 Aure 三步轻松搞定图片验证码
图片验证码再一次工作中遇到了产品设计的注册和登录模块，今天和大家聊聊如何利用Axure实现图片验证码的随机切换。以往都为了方便或者说是偷懒每次在设计验证码的时候，总会手工设置几张图片验证码作为动态面板的几个状态，利用动态面板的状态切换，基本
【原型设计】腾讯新闻 按钮, 如何一键上天？
腾讯首页当我们浏览腾讯新闻网页滚动到第二屏时，这时网页的右下角会出现返回顶部按钮，点击按钮页面迅速回到第一屏位置。那么这样的原型效果，如何利用Axure实现呢？下面将为大家详细讲解制作步骤。准备好元件素材首先我们需要搭建一个页面，这里我们摆
【原型设计】可能是关于 最细致的讲解
探索动态面板什么是动态面板动态面板是Axure中使用频率最高的元件之一，动态面板专门用于设计原型中的动态功能，它可以包含一个或多个状态，每个状态就是一个页面，在这里可以任意编辑，通过控制状态的切换或显示/隐藏来实现一些我们常见的交互效果。特
【原型设计】善用母版，让你的工作事半功倍
绘制原型母版基础知识讲解01 为什么要使用母版母版可以用来创建重复使用的各类原型设计元素，并对其进行全局管理，是整个项目中重复使用的元件容器。母版常用于创建页头、页尾、导航、模板和广告等。你可以在任何页面轻松的使用事先创建好的母版，而不必再
养成这些习惯，会让你的原型更专业
在原型设计过程中，养成一些良好的习惯不仅可以使得我们的原型更加专业、规范，同时也能够提高我们的设计效率。本文从元件、页面导航、页面样式、母版、用例等多个方面讲述养成怎样的一些习惯，可以快速提高我们的原型设计效率，并且看上去更专业。图片来自网
产品经理们，你们使用过 Aure 绘制矢量图吗？
| 钢笔工具概述要真正提高你在Axure RP工作流的方法之一是为你的团队创建自定义元件库。它可以节省每个人的时间，你会得到更具一致性的项目。可惜的是，目前没有一个好的方法来绘制自定义形状，元件库往往充斥着不同颜色、大小的图片。使用Axur
Aure RP 9 高级教程：自适应视图
| 为什么需要自适应视图随着数码科技产品的不断发展，手机、iPad、PC类产品的屏幕分辨率越来越多样化。在进行产品设计时，为每个不同分辨率的终端屏幕设计一套原型界面，既是一项工作量十分巨大的任务，也显得没有必要。因此，我们希望能够通过设计并
Aure 9.0 案例：玩转中继器，让你的原型更保真
上一节我们讲解了中继器的基本原理和使用方法，本文通过几个实际的案例来帮助大家更进一步的掌握中继器的使用方法，感受中继器的强大。在原型设计时，善于利用中继器，可以有效提高原型的保真度。案例一：商品列表页商品列表.png商品列表页涉及的交互主要
Aure RP9 案例：那些熟悉的交互，原来都可以用函数实现
上一节我们讲解了Axure RP 9.0为我们提供的函数以及对应的使用说明，本节将通过具体的应用案例来说明函数在实际场景中的运用。| 知乎详情导航首先请大家打开知乎App，点击任意一个问题，进入回答详情页，观察知乎详情页中顶部导航的效果。默
Aure 9.0 教程：两个案例告诉你，如何运用变量
案例一：简书App顶部tab切换打开简书App，观察发现频道顶部导航“推荐/VIP/专题”的tab切换效果，当我们点击导航菜单，该项菜单被选中，菜单文字变为了红色，同时下划线水平移至菜单项正下方。为了实现这样的交互效果，我们需要为每个导航菜
Aure 9.0 高级教程：这是一份详细的变量使用说明书
变量概述变量来源于数学，是计算机语言中能储存计算结果或能表示值的抽象概念。变量可以通过变量名访问。在指令式语言中，变量通常是可变的；但在纯函数式语言（如Haskell）中，变量可能是不可变（immutable）的。在一些语言中，变量可能被明