分类: 原型设计
Axure教程:交互设计还原简书App原型的过程
本文通过还原简书App原型的过程,进行了大量的交互设计。在原型制作过程中,几乎实现了最常见的交互效果,主要包括:轮播图、换一批、table切换、滑动开关、分……
Axure教程:滚轮控制全屏切换、遮罩动画案例说明
效果如下:
分析实现目标:
自适应全屏
鼠标滚轮控制切换
图片及文字的动画
分析元素:
图片、文字、背景
在切换下一个页面的时候,当前页面的图片、文字……
Axure教程:微信读书书城摇一摇加载时,图标翻页效果实现
一、最终效果展示
体验地址:点击此处
交互说明:点击“BUTTON”开始交互效果
下方的图标开始用翻页的形式切换至下一个图标——循环效果。
二、制作方式
1. 绘制所……
Axure案例教程:如何制作微信原型交互效果?
先铺上效果给大家看:点击体验
PS:笔者用Google浏览器无法查看本案例的交互,不知道什么原因,知道的同学请留言喔!
由于页面过多,只上了部分效果图。开头已……
Axure教程:使用内联框架来实现页面滚动附小案例
看看 天猫 首页 顶部栏 的效果 ~
(以上图片已是上传的极限, 各位看官要是看不清,请自行下载天猫,打开首页观看)
所以今天我们就拿天猫首页的顶部栏为例子……
Axure8 Pro实现动态遮罩层效果的实现过程
做产品原型设计时,遇到了个关于动态显现遮罩层的难点。“无奈”为追求高保真的效果,还是花了点心思做个原型实现。待做好回过头来看看的话,其实这个效果的难度……
Axure 制作折叠菜单教程
一、准备元件
打开 Axure 新建文件,拉出一个矩形,w 为 200 px,h 为 40 px,色值为 #333333,在矩形内输入“一级菜单”,然后命名为“一级菜单”;
拖进一个矩……
Axure实现Material Design的按钮波浪特效教程
本文将以实现谷歌材料设计按钮的波浪特效为例,提供一种新的自定义Axure元件样式的方法。
需要说明的是:本文所提供的方法已经最大程度小白化,简单易用,但是……
axure学习教程:4个关键步骤实现选择器效果
关键步骤 1
新建一个矩形作为背景,为了方便计算,将矩形设置为宽300,高200;矩形设置为灰色&无边框。
数据集为了方便,使用中继器,宽300,高40,位于中……
Axure教程:淘宝网商品图片放大镜效果制作
axure制作这个功能并不是很困难,至少比作者之前的小游戏容易太多了,其中唯一用到的高级功能就是函数,且都是直接使用,没有复杂的全局变量以及触发面板。
一……
Axure 教程:四步设计一个PC登录窗口
是不是看起来很简单,下面我们来开始制作原型…
一、准备元件
1.打开 Axure 新建文件,按如图的样式,拉入矩形、文本框、文本,如以下位置摆放,右上角为点击……
Axure制作图表教程:表格中自定义数据生成统计柱状图
在一家ToB医疗数据公司做产品,由于公司体制不完善并且每次产品开发周期短,每次做的原型都会被开发喷不保真。
因为经常会涉及到统计图、表格这些东西,一般没……
axure制作banner轮播方法:完美的轮播效果
Banner轮播是原型图中最常见的模块之一,无论是电商类的app还是小说类,视频类app都离不开它;人人都是产品经理的官网首页展示内容也是一个banner轮播。今天,……
Axure教程 :六步制作一个轻量级的后台原型框架
制作一个轻量级的后台原型框架,先看看这一期有些啥:
先睹为快:【点我预览】
教程开始:
第一步:规划后台的布局
把后台分为三个部分:
顶部导航;
侧面导……
Axure案例教程:投篮游戏抛物线设计
实例的特点是:篮球在重力的影响下应该呈现抛物线式的运动。界面中直接给出了游戏的参考线,篮球将会沿着这条线射出,然后在重力的作用下逐渐下降,进入篮筐后……
Axure教程:多行文本框一键清空 / 限制数量功能
一、准备元件
首先打开 Axure 新建文件,拖取一个矩形,设置长度为: 375 px ,高度为: 80 px ;
拖取一个多行文本框,设置长度为: 335 px ,高度为: 60 p……
Axure教程:动态面板里面设置图片自动/手动切换
分享自己做过的一个案例,来自于去年自己做的一个PC端高保真原型。
案例描述
固定区域循环一组图片(幻灯片效果),条形分页标签随着播放不同的图片,而对应……
Axure案例教程:像素鸟游戏的设计
本实例的难点主要在于画布的运动循环以及水管的运动和随机长度。最后要说的是,本实例并不是基础操作,需要有不错的axure基础才可以制作,制作本实例应该具备……
Axure案例教程:打地鼠游戏的设计
通过axure制作一个打地鼠的游戏,可以进行难度选择。其中如果选择难度一地鼠为正常大小,选择难度二,地鼠则为缩小版。虽然小游戏很简单,但其中用到的axure技……
Axure案例教程:钓鱼游戏的设计
就产品经理而言,Axure是最有代表性的软件。大多数人都可以做到使用Axure画一些简单的原型图,但是到了交互方面则捉襟见肘,中继器和函数是不少产品经理面前的……
Axure教程:动态面板里面切换标签效果的制作
讲解一个在动态面板里面切换标签的效果。
一、准备元件
1.首先打开一下Axure新建文件,拖取一个矩形,设置长度:375 px ,高度:50 px ;
2.然后输入文本标签……
axure Repeater控件:中继器动态实现表单增删改的方法
Repeater控件的使用步骤为:
需求:在Axure中动态的实现表单的增删改。
一、定义元素:
双击中继器。
二、添加数据:
注:为了方便后面添加数据,对于元件……
Axure中继器应用实例:设计商品信息列表
一、概念解析
Axure部件Repeater,一直觉得这个单词用的很形象,是使一条条数据在页面上重复显示(repeat)的部件,因此叫repeater,所以每当需要将数据条目显……
Axure原型设计教程:实现花瓣网的瀑布流
Pintrest作为瀑布流网站的鼻祖,其一出现便受到追捧。提到瀑布流网站,国内的花瓣网不得不提一下,也是将瀑布流做到非常棒的网站,国内的设计师非常喜欢到它上……