Aure 案例：可以现场演示的注册登录 Demo
前言注册/登录注册和登录作为互联网产品的一项基础系统功能，本文将从原型及交互设计的角度讲述如何实现这两项基础功能，如果想学习注册和登录的产品功能设计，可以参考我之前写的一片文章《创业公司新产品的注册登录如何设计》注册期望交互效果账号账号输入框只能输入11位数字，超过11位则无法输入假设手机号13301182876已被注册，则提示：该账号已被注册假设输入11个1时，系统判断不
Axure教程
2019年09月23日
Aure教程 aure新手入门基础（2）
（二）Axure rp的线框图元件l 图片图片元件拖入编辑区后，可以通过双击选择本地磁盘中的图片，将图片载入到编辑区，axure会自动提示将大图片进行优化，以避免原型文件过大；选择图片时可以选择图片原始大小，或保持图片元件的大小。l 文本在网页中文本的名称是lable，用于页面中添加说明文字、文字连接，或一些动态的提示。l 矩形矩形的应用比较广泛，比如作为页面的背景、
Axure教程
2016年04月11日
Aure 系列教程（二）：抖音短视频中超简单的吸睛大法
如何通过产品设计引导用户行为从而提升转化率？今天就让我们一起来学习抖音短视频中一个简单却能吸引用户眼球的交互效果——让你的元件燥起来。第二章：部件抖动交互效果2.1.设计思考整个过程只有元件在垂直方向的位移，所以难度并不大，我们只需要利用到元件的移动，并设置它的位移动作即可完成，剩下的就是不断的重复这个动作。2.2 素材准备（1）拖入一个矩形143*78，填充为黄色，在样式
Axure教程
2017年10月23日
Aure 9.0 教程：两个案例告诉你，如何运用变量
案例一：简书App顶部tab切换打开简书App，观察发现频道顶部导航“推荐/VIP/专题”的tab切换效果，当我们点击导航菜单，该项菜单被选中，菜单文字变为了红色，同时下划线水平移至菜单项正下方。为了实现这样的交互效果，我们需要为每个导航菜单项设置一个“鼠标单击事件”，为当前菜单添加“选中”动作，为下划线添加“移动”动作。根据刚才的分析思路，下面我们来动手实现这样的交互。0
Axure教程
2019年09月23日
AXURE 中分类，关于分类显示的实现效果（以电商 商城产品分类为例） 适合初学者
实现后的效果是下面这样的：
这个做法：其实很简单：用动态面板的方法.现在一步步截图给大家：
做一个基础的，先做好左边大的分类（上图 3）
做一个详细分类的动态面板。（上图4）
动态面板含4种状态（上图5）
服饰鞋包（上图6）
美容护肤（上图7）
运动户外（上图8）
家具用品（上图9）
如果你要问我，那个形状是怎样形成的，用矩形。实在不行就用直线。
用这种加直线的方式可以组合
Axure教程
2016年04月11日
Aure 原型设计中变量的使用（3）：系统变量的使用方法
变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何像使用移动硬盘一样去使用变量呢？接下来，我带大家逐步的了解和使用变量。六、系统变量的使用系统变量，顾名思义就是系统为我们创建的变量。系统变量中的数据，是系统自动存入的，我们只需要知道如何读取使用就可以
Axure教程
2017年07月09日
冷僻操作：如何用 AXURE 8.0 制作一个凹型
三种方法，复习一些冷僻的操作方式。凹型绘制方法一：边框可见性（冷僻度：2/5）步骤一：拖入两个矩形步骤二：将小矩形叠到大矩形的上方，保持上边重叠步骤三：选中小矩形，在样式（style）中编辑边框，选择上边框不透明步骤四：选中两个矩形，ctrl+G（command+G）组合图形，大功告成点评一下：这个方法的优势是制作便捷，巧用了边框的可见性属性，用基础知识就能满足。劣势是“凹
Axure教程
2016年12月15日
Aure 原型设计中变量的使用（1）
变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何像使用移动硬盘一样去使用变量呢？接下来，我带大家逐步的了解和使用变量。一、变量的类型在Axure中，变量分为以下两类四种。系统变量：对象与属性自定义变量：全局变量与局部变量系统变量，是由系统创建的变量
Axure教程
2017年07月05日
分享原型画线框图容易忽略的几件事
通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得，希望对大家有所帮助。 一、通过明暗对比表达
Axure教程
2016年04月11日
Aure原型 | O2O订单流程 APP交互稿分享
翻出了一年半前写的一个订单流程的稿子，写的很粗糙，但大体流程表现都比较清晰，由于是写着玩的自然没有需求规则，现在拿出来分享给大家，供学习交流！
整体预览：
动画预览：
原型下载地址：
http://pan.baidu.com/s/1i3EqNbv
密码：ika1
在线预览：http://biylwr.axshare.com/作者：陈张良，微信号：chenzhangliang
Axure教程
2016年04月11日
Aure8.0教程——页面载入进度条（二）
在上一篇原型设计《Axure教程——页面载入进度条》中，设计中运用的技巧主要是函数、动态面板的使用；全局变量的使用、逻辑条件的设置。函数部分涉及widget.width、widget.height、widget.x、widget.y、Math.ceil()等；动态面板部分通过其大小改变触发（OnResize）和其状态部分触发（OnStateChanged）相互牵制影响。其实
Axure教程
2016年04月11日
AureRP 7.0快捷键大全—交互设计师必备
写在前面：快捷键，又叫快速键或热键，是指通过某些特定的按键、按键顺序或按键组合来完成一个操作，很多快捷键往往与如Ctrl键、Shift键、Alt键等配合使用。我在网上看到很多人都总结了Axure的快捷键，但是有两个问题，一是没有跟上软件版本，现在已经是Axure 7.0，很多快捷键还是针对Axure6.5的；二是整理得不全。所以我在这里重新整理一遍，希望对大家有帮助。通用快
Axure教程
2016年04月11日
Aure 教程：微信面对面建群原型设计
微信面对面建群系一个十分实用方便的功能，今天我们就来聊一聊微信面对面建群原型设计的具体操作方法。微信的添加朋友模块里，有一项面对面建群的功能，让身边的朋友可以输入同样的4位数字进入同一个群聊，很实用方便的功能，特别是在一些聚会、活动场景下，大家不用加好友就可以快速建群，以下为微信界面的截图：我们来看看如何实现这样的功能的原型设计。面对面建群有两个步骤：1、输入4位数字界面上
Axure教程
2017年03月16日
Aure 教程：轮播图制作步骤详解
不管是在PC端还是移动端，轮播图是常见的设计元素。下面详细讲解轮播图的制作步骤。作为Axure初学者，把最近学到的记录下来，和大家一起学习。如何实现轮播图：循环展示轮播图片；将圆点与轮播图一一对应；实现前一张、后一张切换。1 、所需元件首先我们需要准备以下元件：动态面板（1000400）、圆（3个，1515）、向左、向右按钮图片（50*50）。2 、填充动态面板①在动态
Axure教程
2017年10月23日
Aure教程——页面载入进度条
在产品的原型设计中，进度条的意义是：第一，在页面载入中，给用户的等待过程中增加少量的乐趣；在一个追求快的环境中，这是十分关键的要素，可以减少流失率。第二，也是在告知用户，网页或者APP有没有响应了你的点击？反馈给了用户信息，而不是不是一张白纸，使用户感到茫然。而在Axure中，进度条的设计，主要的掌握要素就是函数变量的使用。拖入部件如下图所示，在Axture中拖入label
Axure教程
2016年04月11日
如何优雅的用Aure装逼？高保真原型心得分享
啥是高保真原型 ？啥是原型，从事互联网的同学，肯定非常熟悉，特别是产品岗同学。如果不是，那如下简单讲原型和高保真原型的：原型：即产品草图。从产品流程来看，将想法形成草图原型，原型再有设计师形成效果图，程序猿们根据需求和效果图开发，出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。低/中/高保真：根据图的粗糙程度划分，以最终效果图为参照。保真程度越高，离最
Axure教程
2016年04月11日
学习如何使用 aure8.0 自己动手设计制作经典推箱子小游戏
推箱子小游戏是一款老游戏了，曾记得在读初高中时流行的英语学习机中基本都有内置这一款小游戏，当时玩的很是沉迷。这是一款益智游戏，需要对地图和箱子位置的充分了解，才能正确地将所有箱子推至目的地。这一款小游戏同样也能使用axure8.0来制作，这一章就教大家如何使用axure8.0来设计制作经典推箱子小游戏。一、游戏效果图二、游戏链接http://weidublog.com/wp
Axure教程
2017年05月23日
Aure RP基础篇：变量OnLoadVariable的简单应用
主要讲的是如何将页面A的数据，传递到页面B，这种交互场景用户经常用到的有：搜索，登录。写这个教程目的是交互设计师在设计原型时能提高真实度，便于评审时项目组的理解，同时也方便在做用户调研、使用demo时更接进真实场景。简单点就是有助于减少沟通、解释成本。先看个场景：在百度中输入”Axure”。 出现结果页面如下： “Axure”被带到了结果页面上方搜索框中，便于用户确认或
Axure教程
2016年04月11日
原型设计：APP 下导航如何通过 Aure 画出来
下导航是APP原型设计中常见的功能，如何快速高效的通过Axure画出来呢？网上有不少文章讲过如何画下导航，要么方法特别复杂，要么步骤并不全面。典型的错误有两个，①使用多个动态面板来嵌套实现下导航。②使用动态面板来区分选中和未选中。但是学会本文你可以100%模拟出微信、支付宝，淘宝，天猫app的下导航原型效果，点击预览效果。接下来我会以微信APP为例，详细讲解每一步骤，学会之
Axure教程
2017年09月11日
Aure8.0小案例：电动机原型
再如，工具栏内的“页面”和“母版”被删除。最常用的按钮，如“添加页”和“搜索”，已被移到窗格的标题。其余的选项仍然可以下拉菜单、快捷键以及拖放进行使用。又如，用户在制作原型过程中，很容易忽略掉为元件、动态面板、图片等元素命名，从而很容易引起很多不必要的麻烦。而8.0很突出元素命名窗口。将操作频率很高的预览功能单独放出一个按钮来，解决了用户必须通过键盘F5预览的痛点。这些很小
Axure教程
2016年04月11日
