分类: 原型设计
thumbnail

Axure教程:交互设计还原简书App原型的过程

本文通过还原简书App原型的过程,进行了大量的交互设计。在原型制作过程中,几乎实现了最常见的交互效果,主要包括:轮播图、换一批、table切换、滑动开关、分……
thumbnail

Axure教程:滚轮控制全屏切换、遮罩动画案例说明

效果如下: 分析实现目标: 自适应全屏 鼠标滚轮控制切换 图片及文字的动画 分析元素: 图片、文字、背景 在切换下一个页面的时候,当前页面的图片、文字……
thumbnail

Axure教程:微信读书书城摇一摇加载时,图标翻页效果实现

一、最终效果展示 体验地址:点击此处 交互说明:点击“BUTTON”开始交互效果 下方的图标开始用翻页的形式切换至下一个图标——循环效果。 二、制作方式 1. 绘制所……
thumbnail

Axure案例教程:如何制作微信原型交互效果?

先铺上效果给大家看:点击体验 PS:笔者用Google浏览器无法查看本案例的交互,不知道什么原因,知道的同学请留言喔! 由于页面过多,只上了部分效果图。开头已……
thumbnail

Axure教程:使用内联框架来实现页面滚动附小案例

看看 天猫 首页 顶部栏 的效果 ~ (以上图片已是上传的极限, 各位看官要是看不清,请自行下载天猫,打开首页观看) 所以今天我们就拿天猫首页的顶部栏为例子……
thumbnail

Axure8 Pro实现动态遮罩层效果的实现过程

做产品原型设计时,遇到了个关于动态显现遮罩层的难点。“无奈”为追求高保真的效果,还是花了点心思做个原型实现。待做好回过头来看看的话,其实这个效果的难度……
thumbnail

Axure 制作折叠菜单教程

一、准备元件 打开 Axure 新建文件,拉出一个矩形,w 为 200 px,h 为 40 px,色值为 #333333,在矩形内输入“一级菜单”,然后命名为“一级菜单”; 拖进一个矩……
thumbnail

Axure实现Material Design的按钮波浪特效教程

本文将以实现谷歌材料设计按钮的波浪特效为例,提供一种新的自定义Axure元件样式的方法。 需要说明的是:本文所提供的方法已经最大程度小白化,简单易用,但是……
thumbnail

axure学习教程:4个关键步骤实现选择器效果

关键步骤 1 新建一个矩形作为背景,为了方便计算,将矩形设置为宽300,高200;矩形设置为灰色&无边框。 数据集为了方便,使用中继器,宽300,高40,位于中……
thumbnail

Axure教程:淘宝网商品图片放大镜效果制作

axure制作这个功能并不是很困难,至少比作者之前的小游戏容易太多了,其中唯一用到的高级功能就是函数,且都是直接使用,没有复杂的全局变量以及触发面板。 一……
thumbnail

Axure 教程:四步设计一个PC登录窗口

是不是看起来很简单,下面我们来开始制作原型… 一、准备元件 1.打开 Axure 新建文件,按如图的样式,拉入矩形、文本框、文本,如以下位置摆放,右上角为点击……
thumbnail

Axure制作图表教程:表格中自定义数据生成统计柱状图

在一家ToB医疗数据公司做产品,由于公司体制不完善并且每次产品开发周期短,每次做的原型都会被开发喷不保真。 因为经常会涉及到统计图、表格这些东西,一般没……
thumbnail

axure制作banner轮播方法:完美的轮播效果

Banner轮播是原型图中最常见的模块之一,无论是电商类的app还是小说类,视频类app都离不开它;人人都是产品经理的官网首页展示内容也是一个banner轮播。今天,……
thumbnail

Axure教程 :六步制作一个轻量级的后台原型框架

制作一个轻量级的后台原型框架,先看看这一期有些啥: 先睹为快:【点我预览】 教程开始: 第一步:规划后台的布局 把后台分为三个部分: 顶部导航; 侧面导……
thumbnail

Axure案例教程:投篮游戏抛物线设计

实例的特点是:篮球在重力的影响下应该呈现抛物线式的运动。界面中直接给出了游戏的参考线,篮球将会沿着这条线射出,然后在重力的作用下逐渐下降,进入篮筐后……
thumbnail

Axure教程:多行文本框一键清空 / 限制数量功能

一、准备元件 首先打开 Axure 新建文件,拖取一个矩形,设置长度为: 375 px ,高度为: 80 px ; 拖取一个多行文本框,设置长度为: 335 px ,高度为: 60 p……
thumbnail

Axure教程:动态面板里面设置图片自动/手动切换

分享自己做过的一个案例,来自于去年自己做的一个PC端高保真原型。 案例描述 固定区域循环一组图片(幻灯片效果),条形分页标签随着播放不同的图片,而对应……
thumbnail

Axure案例教程:像素鸟游戏的设计

本实例的难点主要在于画布的运动循环以及水管的运动和随机长度。最后要说的是,本实例并不是基础操作,需要有不错的axure基础才可以制作,制作本实例应该具备……
thumbnail

Axure案例教程:打地鼠游戏的设计

通过axure制作一个打地鼠的游戏,可以进行难度选择。其中如果选择难度一地鼠为正常大小,选择难度二,地鼠则为缩小版。虽然小游戏很简单,但其中用到的axure技……
thumbnail

Axure案例教程:钓鱼游戏的设计

就产品经理而言,Axure是最有代表性的软件。大多数人都可以做到使用Axure画一些简单的原型图,但是到了交互方面则捉襟见肘,中继器和函数是不少产品经理面前的……
thumbnail

Axure教程:动态面板里面切换标签效果的制作

讲解一个在动态面板里面切换标签的效果。 一、准备元件 1.首先打开一下Axure新建文件,拖取一个矩形,设置长度:375 px ,高度:50 px ; 2.然后输入文本标签……
thumbnail

axure Repeater控件:中继器动态实现表单增删改的方法

Repeater控件的使用步骤为: 需求:在Axure中动态的实现表单的增删改。 一、定义元素: 双击中继器。 二、添加数据: 注:为了方便后面添加数据,对于元件……
thumbnail

Axure中继器应用实例:设计商品信息列表

一、概念解析 Axure部件Repeater,一直觉得这个单词用的很形象,是使一条条数据在页面上重复显示(repeat)的部件,因此叫repeater,所以每当需要将数据条目显……
thumbnail

Axure原型设计教程:实现花瓣网的瀑布流

Pintrest作为瀑布流网站的鼻祖,其一出现便受到追捧。提到瀑布流网站,国内的花瓣网不得不提一下,也是将瀑布流做到非常棒的网站,国内的设计师非常喜欢到它上……