Axure学习笔记(一)

Axture是一种快速制作原型的工具,在产品经理和体验设计师之中非常流行,不过现在产品经理比较难找,所以我只好上阵研究了一下。

经过几天的研究,看了小楼老师的一些视频,看了一些文档,做了一个比较丑的原型,对Axure的简单使用有了一个简单的认识,下面来简单记录一下。

Axure的操作其实很简单,如果有过编程经验,无论是html前端编程还是windows Form编程,用起这个来都非常容易,如果没有这方面的经验,可能会觉得操作太麻烦,但是程序本身就是这样来运行和开发的,原型设计也没什么更好的办法。所以不要觉得Axure太麻烦,很多东西是必须要记住的,就如同程序员刚开始编程,也许要学习很多东西。

简单来说,Axure就是将原件拖拽到页面上,然后设定其样式,比如位置、线框颜色、文字颜色、文字大小等,然后在元件上增加事件,事件有很多,比如鼠标按下、鼠标弹起、拖拽、获取焦点等等,这些事件会操作元件,比如移动、显示或隐藏,这样就会产生一些动画效果,还可以指定元件的交互样式,比如鼠标悬停、鼠标移开、选中等动作时元件的样式。

Axure的默认元件库用来制作html页面基本够用了,如果要制作手机原型,就需要使用一些手机的组件,不过其实没有太大的区别,只不过交互在一个手机容器里执行而已。

Axure比较需要注意的就是动态面板和中继器,下面简单说说其用法:

1)动态面板是一个容器,有大小和占位,但是是看不到的,能看到的是它的第一个状态,每个状态都是独立的,你可以针对每个状态放置不同的元件,可以在其他元件的事件中,如按钮的点击事件中,切换其状态,这样这个面板所在的位置的显示就会改变了,效果挺炫的,还可以设置其隐藏、显示,可以设置其显示隐藏的动画方式,如从左到右,从上到下等等。

2)中继器这个词不是很好理解,英文是Repeator,其实本质来说就是一个重复显示的组件,其背后是一个数据集,无限行无限列的,每个组件对应数据集中的一行,在每个组件加载时,可以定义其显示结果,比如if else之类的,增加其效果。中继器可以排序、筛选,还可以分页,可以设置中继器的每页条数和处在第几页。

3)动态面板主要是用来动态显示一些效果,比如很多的弹出页面都可以做成动态面板,切换其状态或者显示隐藏。

4)中继器和动态面板结合起来可以做出拖拽效果来,中继器很长,但是放到动态面板里只能显示一部分,我们可以将动态面板做成中继器一页的大小,然后定义动态面板的拖拽时间,让中继器显示下一页或者上一页。当然不用中继器也可以做出来,简单来说,就是移动中继器的位置,计算好每行的宽带,然后移动中继器的位置就可以了,因为超出动态面板的地方显示不出来,很适合在手机上模拟一些滑动效果。

总之,Axure其实相当的复杂,学习曲线较高,等以后水平提高了,再来继续吧。

时间: 2024-10-11 13:41:38

Axure学习笔记(一)的相关文章

《AxureRP原型设计学习笔记》之骨头班门弄斧篇

懒骨头(http://blog.csdn.net/iamlazybone QQ:124774397 青岛) ---- 前言 ---- AxureRP中的RP:Rapid Prototyping,快速原型. 这是产品经理的神奇,作为开发来搞这个东西,有点班门弄斧. 最近边查边搞了一个丑陋的app原型,一点心得,简计于此. mac下的AxureRP装完之后,默认打开是不显示程序界面的.别跟骨头似的以为没装好,重新下载安装.新建或打开即可. 这是软件界面: ---- 控件 ---- 不建议初学者首先下

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

[原创]java WEB学习笔记93:Hibernate学习之路---Hibernate 缓存介绍,缓存级别,使用二级缓存的情况,二级缓存的架构集合缓存,二级缓存的并发策略,实现步骤,集合缓存,查询缓存,时间戳缓存

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

Activiti 学习笔记记录(三)

上一篇:Activiti 学习笔记记录(二) 导读:上一篇学习了bpmn 画图的常用图形标记.那如何用它们组成一个可用文件呢? 我们知道 bpmn 其实是一个xml 文件

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

java/android 设计模式学习笔记(14)---外观模式

这篇博客来介绍外观模式(Facade Pattern),外观模式也称为门面模式,它在开发过程中运用频率非常高,尤其是第三方 SDK 基本很大概率都会使用外观模式.通过一个外观类使得整个子系统只有一个统一的高层的接口,这样能够降低用户的使用成本,也对用户屏蔽了很多实现细节.当然,在我们的开发过程中,外观模式也是我们封装 API 的常用手段,例如网络模块.ImageLoader 模块等.其实我们在开发过程中可能已经使用过很多次外观模式,只是没有从理论层面去了解它. 转载请注明出处:http://bl

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------