Axure教程

如何在 Aure 中创建图片放大效果

效果简介网页版淘宝，小方块随着鼠标的移动而移动，右侧显示小方块在左侧图片的放大部分，效果如下图。效果图步骤动画大体上分为两部分：第一部分，小方块随着鼠标的移动而移动；第二部分，右侧放大图显示小方块所在区域的内容。(先介绍第一部分）1、找图，贴图。找一张喜欢的图片贴上去（最喜欢艾斯了），大图设置为400x400；中间的小图设为160x160，黑色，透明度8。艾斯大图名称“da
Axure教程 2017年06月01日

Aure 原型设计教程 | 轮播图

为了做一点产品方面的积累，小蚊子决定开始这个「Axure原型设计教程」系列。在大家的一起互助下，我想我会出现断更的情况吗？本Axure原型设计教程让大家在动手实践过程中，更加容易更加深入地学习Axure原型工具的使用。开篇就写大家常见的轮播图。轮播图是网页设计或者APP设计常见的元素，学会使用axure原型工具制作轮播图对制作PC端或者移动端的原型都非常有帮助。现在讲讲如何
Axure教程 2017年06月01日

Aure 教程：微信聊天列表原型制作（三）

本章完成微信聊天原型的第三个主要部分，聊天信息的跳转。如果你希望跟着操作，需要根据前两章的内容，首先完成之前的原型。微信是一个负责庞大的系统，制作微信原型需要分模块，逐渐完善，本章完成原型的第三大部分，聊天信息的跳转和设置。第一步：设置聊天状态页聊天页和聊天列表首页为不同的页面，因此最合理的原型是将聊天列表转变为控制面板，聊天页和首页为不同的状态。在前两章原型的基础上，全部
Axure教程 2017年05月31日

Google Material Design：900 个实用图标的 Aure 组件库分享

本文作者将分享一套来自于Google Material Design的实用Axure图标组件库，其中一共有900+款的常用的经典图标。enjoy~平时各位交互设计师和产品经理们在设计原型上都会用到图标，但是临时去找图标是一件很影响效率的事情。虽然其它同行朋友有分享过自己制作的图标库，但是要么数量不够全面、要么不支持调整尺寸和颜色。今天分享一套来自于Google Materi
Axure教程 2017年05月27日

Aure8.0 实例 | 随机双色球，开讲了

福彩双色球，大部分朋友对此并不陌生吧，相信买过的朋友或多或少都对此有所研究，今天我们一起来用Axure8.0模拟做一个双色的开奖过程。今天使用的主要知识点有，全局变量的使用，中继器的增删以及排序。预览：一、元件准备1、添加两个中继器 ，分别用来存放双色的红球和蓝球，取名为“红球”和“蓝球”，初始时隐藏；分别在中继器中放入一个椭圆形的元件，其中把放入“红球”中继器的椭圆形元件
Axure教程 2017年05月25日

学习如何使用 aure8.0 自己动手设计制作经典推箱子小游戏

推箱子小游戏是一款老游戏了，曾记得在读初高中时流行的英语学习机中基本都有内置这一款小游戏，当时玩的很是沉迷。这是一款益智游戏，需要对地图和箱子位置的充分了解，才能正确地将所有箱子推至目的地。这一款小游戏同样也能使用axure8.0来制作，这一章就教大家如何使用axure8.0来设计制作经典推箱子小游戏。一、游戏效果图二、游戏链接http://weidublog.com/wp
Axure教程 2017年05月23日

用 Aure 8.0 打造自定义比例计算器

日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用。把重复繁琐的输入工作变得更简单！为什么要做这个东西？一天在浏览设计网站的过程中偶然发现一个”黄金比例计算器“，我想能不能用Axure自己做一个？日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用。把重复繁琐的输入工作变得
Axure教程 2017年05月23日

aure8.0 快速入门新手教程：图库

搜索引擎现在越来越注重图像搜索了，很多搜索引擎都有自己的图库，相比于上一章的《axure8.0快速入门新手教程：电子相册》，这章的图库对图像的展示方式更加便捷直观。搜索引擎现在越来越注重图像搜索了，很多搜索引擎都有自己的图库，比如百度，搜狗，360等，但大家可以发现，不管什么平台的图库，它的交互方式都差不多，都是图像幻灯片切换式的相册，相比于上一章的《axure8.0快速入
Axure教程 2017年05月18日

Aure 教程：限制输入框输入字数

小船今天要讲的是【Axure制作输入框字数限制】。为了做出这个效果，小船疯狂的学习…后来发现，嗯，其实真的挺简单（但小船还是很有成就感了哈）。嗯，对的，这篇是以Axure8.0为基础的中文版。如果逻辑明白了，真的很简单的，真的哟！要求 1.字数要求为150字2.超过150字后自动不能输入后面的字符第一步：对需要的控件进行命名[输入框]： text-box[字数限
Axure教程 2017年05月10日

Aure 教程：微信聊天列表原型制作（二）

本文是微信原型制作练习的第二章，上一篇文章 《 Axure 教程：微信聊天列表原型制作（一） 》发出后，很多朋友进行了反馈，提出了一些修改意见，收益匪浅，这也是我分享练习过程的原因，共同进步，如果你想跟着一起操作，首先你需要按照第一章的练习先制作出原型。首先，在开始今天的练习之，前对第一篇文章，留言提出了不使用“添加边界”来约束移动范围，而是设置判断条件，在范围内进行拖动
Axure教程 2017年05月09日

Aure 教程：怎样做低保真轨迹追踪与回放

对于互联网审计系统及公安系统来说，终端的轨迹与回放的意义在于实施随时追踪和记录终端行为轨迹，其目的是为了监控和抓捕嫌疑人。其实，在很多的场合我们都应用到，像共享经济项目（共享单车、滴滴等）都会采集到终端的数据，以至于在平台进行管控。具体设计如下：（说明：文中所涉及数字分别为X、Y、W、H）顺序为：底稿——state1（轨迹按钮及轨迹列表的制作——动态面板1（轨迹列表）——动
Axure教程 2017年05月09日

Aure 教程：如何画出曲线图？

在做数据可视化类型的页面时，会遇到这样的问题：我想在我的柱状图上画出一条曲线怎么办？第一步：在左侧的元件库中点击水平线（或者垂直线都可以），拖动到图中 第二步：选中水平线，右键将水平线转换为自定义形状（转换为自定义形状：有两种方式，第一种选中水平线后右键选择；第二种选中水平线在右侧菜单中选择属性——形状——选择 转换为自定义形状）转换为自定义形状1转换为自定义形状2第三步：
Axure教程 2017年05月06日

我是如何抛弃了 Photoshop 投入了 Aure 的怀抱

最近我开始放弃Adobe Photoshop转向Axure。所以，Axure……这真的仅仅只是一个做原型的工具吗？UI设计师可以完全放弃其他工具，仅仅靠Axure完成所有工作吗？这个程序有什么优缺点呢？下面我将试着回答这些问题。最近我开始放弃Adobe Photoshop转向Axure，然后发现了它除了原型制作以外的潜能，也许我的生活将有大不同。如果有时候你不得不打开PS查
Axure教程 2017年05月04日

Aure 教程：微信聊天列表原型制作（一）

对于Axure的学习，就是要多做练习，本文是微信原型制作的第一章，希望对同样正在学习的朋友有所帮助。本章主要制作聊天列表原型，实现滑动效果。原型基于Axure8制作。第一步：拖拉摆放一个中继器以及相关控件1.拖拉一个中继器，标签名设置为msg_list，双击中继器，进入中继器设置，矩形标签名称设置为msg_item，长设置480，宽设置80，在样式中设置边框，设置为仅下边框
Axure教程 2017年05月02日

简单四步，完成我的 Aure 修炼之路——2048

废话不多说，简单来说，这篇文章就是为了纪念我的Axure修炼之路，第一炮：2048（http://e2lapu.axshare.com） 1、逻辑定义第一步当然是定义好逻辑啦。（这里借助了XMind的力量）比较复杂的逻辑主要是集中在上下左右移动时的变化，以右移为例，穷举出所有的可能性如下。当然这里只是穷举了右移中其中一行，剩下的3行以及上移/下移/左移等，都是一样的逻辑，只
Axure教程 2017年05月02日

Aure 8 一学就会制作页面加载进度条百分比效果

Axure 8一学就会制作页面加载进度条百分比效果1、新建文件，取名“进度条百分比效果”。效果图如下效果图2、拖入矩形框，取名“进度槽”，300px*20px，背景浅灰色。3、拖入矩形框，取名“进度条”，1px*20px，背景深灰色。4、拖入文本标签，取名“进度值”，初始值0%，设置隐藏。选中进度值，右键选择Set Hidden5、拖入按钮，取名“开始”。6、设置start
Axure教程 2017年04月24日

如何用 Aure 画出适配不同平台的原型

上篇文章《PM应该如何适配不同平台》讲解方法论，这篇文章讲解工具操作。以AxureRP8为例，讲解如何绘画兼顾不同平台的原型。一、以产品的主平台为基础来设计原型当你主营Web网站，想移植核心功能到h5环境中。那么你应该以Web原型为主，然后创建h5的自适应视图。同理其他场景也是如此。详见上篇文章的“哪些情况下需要适配”章节。接下来我们以“知乎web版本，然后增加手机网页访问
Axure教程 2017年04月19日

Aure 用例：如何适配产品原型到不同平台?

作者对如何适配产品原型到不同平台分享了一些见解，与大家分享。当APP发展到一定阶段，老板要求做个H5版来覆盖不想下载的用户，或者说小程序那么火，我们也上一个吧。此时PM应该如何适配不同平台。是直接拿着以前的原型PRD给技术去开发？还是拿以前的原型PRD修改了再给？当然也可以选择重新整一遍新的原型PRD。我相信大部分PM使用的是前面2种，但事实上有更好的方法。一、什么是适配不
Axure教程 2017年04月18日

还是 Aure 教程，这次我们谈谈它的边界

Axure是一个功能齐全的原型设计工具，算是我工作时的主力军，曾经我也是看各种Axure的教程，研究它的各个功能，想要把它玩到极致。今天就给大家分享下，它到底能帮助我们做哪些事情，以及我个人理解的它的使用“边界”。工具即是工具1，线框图制作工具 线框图的制作Axure最核心的一个功能，它上面可以承载基本的页面信息，交互流程和复杂的交互方式。Axure内置大量的交互事件，帮助
Axure教程 2017年04月18日
加载更多