Aure教程 aure新手入门基础(4)
在 axure 原型制作的过程中,很多时候我们需要触发一个又一个事件,以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指定的动作。比如:文本框文字为空的时候点击按钮无效。或者拖动动态面板没到达指定位置退回原位等。这一节教程我们就讲一下,如何使用条件生成器,至于条件的设置,以后结合相关的案例再逐渐深入。(一)条件逻辑条件生成器是在我们双击某一事件打开用例
Axure教程
2016年04月11日
Aure教程 aure新手入门基础(3)
(三)Axure rp元件的触发事件OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍。OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发。比如鼠标离开图片时,图片介绍消失。OnKeyUp(按键弹起时)
Axure教程
2016年04月11日
Aure教程 aure新手入门基础(2)
(二)Axure rp的线框图元件l 图片图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。l 文本在网页中文本的名称是lable,用于页面中添加说明文字、文字连接,或一些动态的提示。l 矩形矩形的应用比较广泛,比如作为页面的背景、
Axure教程
2016年04月11日
Aure7.0教程(六)math函数的使用(1)动态面板环状移动
本案例原型下载:axure7.0教程(六)动态面板环状移动.rpAxure rp7.0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加激烈。因为这些函数已经更接近编程。其实只要我们知道了使用方法,也许并不困难。从本教程开始,我们对Math函数进行一些应用上的尝试。本章实现效果:点击按钮,让一个动态面板(以下简称“动面”)围绕中心点(坐标300,30
Axure教程
2016年04月11日
Aure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)
Axure rp7.0中新增的函数中有一个Cursor函数,这是关于鼠标的函数,我们可以通过这个函数获取鼠标的当前位置,本教程简单地对这个函数做个讲解:要实现的效果:本教程案例下载:鼠标Cursor函数的使用.rp如效果图显示,我们要在鼠标页面任意位置点击时,闪烁一下点击的效果。实现过程如下:1、 拖入一个图片,并转换成动态面板后隐藏,并设定标签为:点击效果;2、 在页
Axure教程
2016年04月11日
Aure7.0教程(四)中继器的使用(4)
Axure rp7.0的新元件中继器(repeater)的功能中我们分别讲解了增、删、改三个功能,今天我们来讲一下剩下的功能:1、 按输入的文字筛选;2、 按指定条件(某一列)排序;3、 翻页功能。本教程示例:axure7.0教程_小楼作品(四)中继器的使用(4)在学习本教程之前,请先阅读《关于Axure rp7.0汉化包导致中继器无法正常使用的bug说明》。当然,如果在你
Axure教程
2016年04月11日
Aure7.0教程(三)中继器的使用(3)
本教程案例下载:axure7.0教程_小楼作品(三)中继器的使用(3) 在上一节教程axure7.0教程(一)中继器的使用(1)和axure7.0教程(二)中继器的使用(2)中我们分别讲解了增、删两个功能,那在今天的教程中我们来讲一下简单的修改功能:比如,我们觉得商品的价格是应该可以修改的,那么我们在中继器中主页中添加一个修改的按钮(动态面板,点击之后变成保存)和一个用来修
Axure教程
2016年04月11日
Aure7.0教程(二)中继器的使用(2)
本教程案例下载:axure7.0教程_小楼作品(二)中继器的使用(2)在上一节教程axure7.0教程(一)中继器的使用(1)中我们初步讲解了,如何使用中继器的功能之一,在Axure7的新元件repeater(中继器)中增加内容。那么,既然能够添加内容,就应该能够删除内容。因为在软件开发中对数据的操作有四种:增、删、改、查;中继器的功能也包含了这四种操作。那么,今天我们来讲
Axure教程
2016年04月11日
Aure7.0教程(一)中继器的使用(1)
Axure rp 7.0来了,与axure rp6.5的区别大家都在探索,目前为止7.0bug层出不穷,但是我们能看到7.0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文名在汉化版本里叫—中继器。从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,但是像动态面板一样,虽然样子没什么特别,但是却能够通过它实现很多令人意想不
Axure教程
2016年04月11日
Aure 7.0元件库下载
元件库说明:
1、本元件库仅适用于Axure rp7.0以上版本;
2、本元件库已集成Axure rp7.0自带元件,避免使用中元件库的切换;
3、本元件库中所有元件均可设置,设置选项一般与元件使用说明在同一位置,使用说明一般在某个动态面板单独状态内;
4、本元件库主旨帮助大家避免重复工作,提高效率,对交互高保真排斥者请勿下载;
5、本元件库中元件未必适合所有人,可以下载后
Axure教程
2016年04月11日
Aure基础教程03——单选框&复选框
最近作者有点忙,所以没能正常更新,从这周起尽量一周至少发一篇教程吧。今天要说的是单选按钮和复选框,这是两个比较简单的小部件,主要说说一些小设置问题。一、对齐方式:单选按钮和复选框都有两种对齐方式,一种就是我们默认看到的“单选/复选框+文字”方式,就是“左对齐”方式,另一种则是“右对齐”,文字在左边,单选/复选框在右边。在“编辑单选按钮”或者“编辑复选框”的菜单里面就能切换这
Axure教程
2016年04月11日
帮UI分类,我们是如何记忆的?
1956年,认知心理学家georgea.miller发表了一篇名为“神奇的数字:7±2”的论文,内容描述人类的大脑对于短期记忆的研究:人类对于5-9个数量左右的单位最容易记忆,超过10个以上的单位就容易被我们忘记。例如我们可以轻松的记住7个左右的名词,但是超过10个以上要一口记住就有一点难了!在barbaraminto描述如何撰写好文章的著作“金字塔原理”中,教会我们金字塔
Axure教程
2016年04月11日
拥抱手势驱动的界面设计
作为一名移动产品的视觉或用户体验设计师,你也许觉得Apple发布iPhone仿若昨日。iPhone无疑为最个人、最私密的设备开启了一个全新以触摸屏为中心的交互时代,是当之无愧的游戏规则创建者。如今,孩子们在这样一个被触摸屏包围的环境下长大似乎是一件自然而然的事情。家长们惊奇地发现他们的孩子正在以难以置信的速度认识、理解平板电脑和智能手机如何工作。这种现象表明了触摸及手势交互
Axure教程
2016年04月11日
Aure基础教程02——文本框
上次给大家介绍过矩形,这次说一下文本框。顺便要说一下的是,这个系列教程里面,有些部件比如占位符之类就不再赘述了,因为比较简单而且没有什么需要特别设置的功能。文本框其实也是个挺简单的部件,本身能变化的不多,一些比较复杂的功能,比如本来有“请输入XX”字样点击后就消失的,需要用到条件判断等,这些我们以后讲实际例子的时候再专门讲怎么做。一、文本框基础功能:文本框的部件属性设置就不
Axure教程
2016年04月11日
快速上手制作Icon Font
现在在提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下,并且加入了自己在制作中遇到的问题,使得大家可以在今后使用的时候可以很快上手并且避免这些问题。一、首先要说的是,什么是Icon Font。我认为,我们现在通常所指的Icon Font,是用字体文件取代图片文件,来
Axure教程
2016年04月11日
在熟练使用2B铅笔前,请不要打开Aure
在互联网产品领域,Axure已 成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节, 使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略 了用户故事、功能规格和信息架构,甚至走入“为了用Ax
Axure教程
2016年04月11日
Aure基础教程01——矩形部件
用了axure两年了,算是入了门,也不断遇到有新手的各种疑问,感慨新手成长的不容易,因此写一些教程供大家参考,希望能给大家一点帮助吧。回想一下被朋友们问的问题,会发现其实大部分都是对功能不熟悉所造成的,并非是这个软件有多难用,于是就先从一些常常被忽略的功能细节开始吧,先给大家介绍一下各个部件的功能。至于一些非常基本的,比如怎么添加部件之类,这些完全小白的功能就不赘述了。说到
Axure教程
2016年04月11日
AureRP基础教程篇:15个很有帮助的使用技巧
本文总结了15个很有帮助的Axure使用技巧,希望你看了之后能有所收获。[br]4 自动生成站点地图[br]有 时我们需要把整个站点的结构用树形图呈现出来,Axure为此提供了一个快捷的方法:在Sitemap区域对准你希望生成树形图的主干点右键,选择 “Generate Flow Diagram”,就能自动生成图表形式的站点地图。点击图表上的每个控件,就会去到对应的页面。另
Axure教程
2016年04月11日
Aure RP基础篇: 实现循环显示效果的两种方法
如何用Axure实现循环显示效果,本文收集了两种选择,可以通过I) 中间件实现(无刷新、无变量页面滚动实现方法),II) 重新加载当前页面来实现。下面将分别简单介绍。I) 中间件实现(无刷新、无变量页面滚动实现方法)1、在实现触发自动播放的动态面板时,如果触发和实现在同一个面板的话,效果很不好,于是需要添加一个辅助的动态面板,将之命名为“辅助”;[br][br][br]2、
Axure教程
2016年04月11日
