如何在 Aure RP 8 中规范使用 Font Awesome 图标库完成设计
今天简单分享一下在Axure RP 8 中如何使用 Font Awesome 图标库完成设计。 在做交互设计的时候,作为产品设计师我们常常需要用一些标准的图标库,通过导入现成的图标可以极大地提高我们的设计效率。常用的图标库,一般提供SVG,PNG图片,设计师下载以后可以直接用到交互设计文件中,开发同学将图片文件放在图标文件夹中供页面代码使用,例如:免费 Esayicon付费
Axure教程
2017年01月21日
Aure RP基础篇:简易登录窗口
前言本文将介绍如何使用Axure RP来制作一个简易登录窗口的原型,与所有的Axure RP初学者共勉。最终的原型图将如下图所示: 创建如图所示的原型,可以简单的分为两个部分:搭建简易登录窗口界面,定义交互行为。下文将按部分详细介绍。[br]另外,注明一下,笔者所用工具为:Axure RP 6.5 + 汉化包第一步:搭建简易登录窗口界面首先我们需要一个装饰的背景,本文选用矩
Axure教程
2016年04月11日
Aure 教程:实现倒计时获取验证码效果
在app注册或者登录时,一般需要验证手机号码,常用的方式就是向手机发送验证码。下面介绍在Axure中,通过动态面板切换、文本框文字改变两种方法实现这种效果。文章部分来源于其它网友,感谢分享。一、效果图首先我们看一下效果图,如下:二、具体实现:第一种方法:全局变量+矩形按钮+动态面板两种状态的切换1、创建一个矩形(命名为button)、一个动态面板(命名为:option)、一
Axure教程
2016年11月10日
Aure 教程|还在为你枯燥的 Ashare 分享域名发愁吗?
没有一个好的方式引诱别人点击链接,再好的内容也是白费!本文作者试着给大家提供几种让你摆脱这种”http://4Gf20W.axshare.com/# g=1&p=index”千篇一律,看着就像骗人链接的枯燥方式。引子还没进去看就被领导PASS了。记得有一次自己用了2天的时间精心制作了一个Axure手机原型,自己都陶醉的无法自拔时,直接发布到了AxShare上,然后将地址发送
Axure教程
2016年11月18日
Aure 原型设计中变量的使用(2):自定义变量的作用范围
变量,一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘,能够把你暂时用不到但还有用途的数据进行保存,以便之后使用,还能把这些存储的内容传递到其它地方进行使用。那么,如何像使用移动硬盘一样去使用变量呢?接下来,我带大家逐步的了解和使用变量。五、自定义变量的作用范围自定义变量的作用范围不同,所以才分为全局变量和局部变量。全局变量,顾名思义,作用范围是整个原型项目中所有的
Axure教程
2017年07月06日
Aure 原型教程:利用 Aure 制作剪刀石头布小游戏
文章分享了如何利用Axure制作剪刀石头布的小游戏,与大家分享,相信大家一定会有所收获。教你用Axure做个剪刀石头布的小游戏。先睹为快:【点我预览】教程开始:第一步:整理业务需求做个和电脑剪刀石头布的小游戏。规则…略。用户方,固定选择;电脑方随机。输赢+平局,需要直观展示。第二步:规划思路和实现方法电脑出招》随机,需要使用随机数。我方出招》固定值。对比每局我方固定值和电脑
Axure教程
2017年01月26日
高手在民间 | 手把手教你用Aure制作连连看游戏(附预览地址和实现步骤)
某日,闲来无事,无聊的翻看着电脑中的APP图标,忽然萌生一个想法:用Axure原型制作一个连连看类型的游戏原型,于是说做就做,打开AxureRP 7,开始搞。一天,两天。。。(由于只有业余时间搞)。。。五天,原型终于搞定。期间经过了不同实现方法的尝试、逻辑的梳理、原型的测试等等等。。。。原型展示(点击试玩)开始界面:点击 PLAY 按钮即可进入游戏游戏界面:点击翻开图片,图
Axure教程
2016年04月11日
如何用Aure快速制作APP交互原型
对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能。其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位。但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题。今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型。作为一名优秀的产品人不
Axure教程
2016年04月12日
拥抱手势驱动的界面设计
作为一名移动产品的视觉或用户体验设计师,你也许觉得Apple发布iPhone仿若昨日。iPhone无疑为最个人、最私密的设备开启了一个全新以触摸屏为中心的交互时代,是当之无愧的游戏规则创建者。如今,孩子们在这样一个被触摸屏包围的环境下长大似乎是一件自然而然的事情。家长们惊奇地发现他们的孩子正在以难以置信的速度认识、理解平板电脑和智能手机如何工作。这种现象表明了触摸及手势交互
Axure教程
2016年04月11日
Aure教程 | 亲,来体验一下 iPhone 6
引子这是第一次使用axure8实现的例子,之前的auxre8版本似乎有点问题,输出的html文件总是不能正常显示,新的beta版本这次好像是改进了,最近重新安装了一下。先点击这里来看看demo效果。(内有源文件下载)这次带来的是iphone6的体验效果,主要实现了以下几种交互:待机黑屏状态下,电源键和Home键的操作屏幕显示时背景图片的缩放效果锁屏状态下的解锁密码解锁操作主
Axure教程
2016年04月11日
Aure 高保真临摹 LOFTER 原型
简介前段时间,网易宣布旗下的图片社交产品LOFTER团队解散,这让我有点震惊和感慨,因为我也算的上是LOFTER的深度用户吧。而后来网易官方又出来辟谣,只是说人员调整。从目前看来,LOFTER还是在正常运营着,LOFTER的运营与用户量还是处于增长阶段,而且产品的体验还是不错的。不过在社交领域,LOFTER的发展还是挺严峻的。大家也能了解到,网易自己也心知肚明,对于社交这块
Axure教程
2016年12月27日
我是如何抛弃了 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日
AureRP每日一小技巧:格式设置详解
AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所
Axure教程
2016年04月11日
Aure 需求文档应用:手机流量监控产品功能设计
axure需求文档,这个文档顾名思义就是用axure来写需求文档了。废话不多说,直接上图:流量监控功能核心包括3块:基本流量监控、流量校正、提醒。目前市面上通用的流量监控做法一般采取向运营商发送查询短信,然后解析短信来获取用户的流量相关数据。极个别和相关运营商关系密切的能拿到当地运营商的流量查询接口。iOS由于无法获取相关权限只能用户手动填写相关数据了。流量具体的流量监控实
Axure教程
2016年11月10日
Aure 8.0 实例|多级联动下拉框
最近看到一篇文章,关于下拉框联动的问题,个人觉得使用动态面板状态使用起来不太方便,也不便于扩充,所以就自制了一个多级菜单联动的元件出来,与大家共享一下。如果大家有什么想要做的小功能或元件可以留言告诉我,我们可以一起动手。预览一、元件准备1、文本框一个。用于构建下拉框使用,命名“一级”,设置成只读状态;2、矩形框两个。用于构建下拉框使用,只是为了构建下拉框右侧的下三角使用,这
Axure教程
2016年11月15日
Aure 模拟微信聊天效果
在Axure中实现微信聊天效果,需要对中继器,动态面板,变量,函数等有一定的认识,同时可以将这些知识融会贯通使用。产品经理是站在上帝身边的人。(上帝了解人性,懂得如何运用群体的特性去驾驭人类,产品终究是联系人与思想的媒介,虚无缥缈的道贯穿在产品经理和用户之间,隔着一层薄薄的纱,隐约可见,霎那间很近,转身就又很远)一款好的产品是建立在一切近乎完美的情景下开发出来的。产品是有灵
Axure教程
2017年03月29日
Aure8.0 原型:小白改进版环形进度条
今天在网上看到了几篇关于环形进度条的Axure教程,由于天性愚钝,学了一整天才弄懂其原理,但是强迫症的细胞告诉我网上的几篇教程不太完美,于是我跳进了产品经理最忌讳的坑——追求完美。不只是进度条,很多模块都有很多方法,勤于思考就能用不同的方法做出来,活学活用,共勉。一、元件准备如上图所示:1、尺寸为202*202圆形1个,并命名为“外环”;2、尺寸为148*148圆形1个,并
Axure教程
2016年11月08日
