我的Axure原型绘制学习

大前端(全栈)的第一项学习是Axure原型绘制的学习,在Axure RP软件上我们学习了三天,三天学习下来的大概知识点以下:
第一天的学习笔记:
Axure原型工具,交互设计师
绘制交互图
点击按钮之后出现一块内容
高保真
静态网页,没有数据交互
静态网页设计师 原型图,转换成html+css网页代码
js技术去获取后台的数据
Photoshop
静态的图片,UI设计师
第二天的学习笔记:
day02 操作型
1.其他元件
拖拽式展示即可
注意图片元件的使用,注意单选按钮元件的使用,如何产生互斥行为
注意动态面板和中继器不展示,后面专门罗列
2.交互样式(仅对当前元件的样式进行更改)
选中元件,鼠标右键,选择[交互样式…],选择交互触发类型,选择要更改的交互类型
使用交互样式鼠标悬停更改字体颜色效果
3.交互动作(带有逻辑性)
选中元件,在右侧交互面板选择交互事件类型,设置动作
使用交互事件实现显示与隐藏
4.交互情形(带有逻辑性)
设置交互动作,在交互动作中设置动作后添加情形
当某个元件的值满足什么条件的时候做A操作,不满足A条件的时候做B操作
5.动态面板实现选项卡功能
动态面板有多个状态,每个状态不同的内容,给每个状态中添加内容
给按钮绑定点击事件设置动态面板的状态
添加事件交互,切换状态->切换内容
6.母版
模板是对项目中公共内容提取
1)定义母版
2)将母版运用到页面中,在模板上右键,选择【添加到页面…】
只要修改母版,每个页面的母版内容就会改变
第三天的学习笔记:
1.中继器(动态表格)
主要用于动态表格
列表显示
双击中继器设置重复的样本
选中中继器在样式里设置初始化显示数据
设置ItemLoad事件的操作
删除行
在样本中的删除按钮上绑定点击交互事件,选择删除行的操作,选择操作的中继器
分页
在中继器的样式里分页面板,可以设置分页显示
给上一页和下一页按钮绑定点击事件,选择中继器中的【设置当前选择页面】,在【页面那里选择下一页】。
新增
绘制模态框,默认隐藏。
用户点击新增按钮,模态框显示,用户输入数据,点击确定按钮,填充数据到数据集中(注意设置局部变量),模态框关闭
用户再次点击新增按钮,模态框的时候,模态框内有上次填充的值,需要清空,给新增按钮的点击交互里添加动作【设置文本】,设置要清空的元件的值为空。
模糊搜索,动作选择【添加过滤】,规则设置为字符串的indexOf>-1
1.0
[[Item.content==‘内容1’]]
2.0
[[Item.content==value]]
注意声明局部变量value
3.0
[[Item.content.indexOf(value)>-1]]

         [[Item.content.indexOf(value)>-1]]
        从字符串中选择了indexOf功能,修改一下
            var  str  =  '内容测试';
            str.indexOf('内容')      //0
            str.indexOf('容')      //1
            str.indexOf('测试')      //2
            str.indexOf('hello')    //-1

2.Axure中导入其他元件库并使用
将元件库文件夹,放到Axure安装的位置。放到D:/Axure RP9内部。
以上就是三天来的基本上的全部笔记。
Axure RP的使用:(自己随便写写)
打开Axure RP,元件库里面的元件直接点击拖到页面中即可,需要注意的是在拖拽过程中,鼠标按钮不能松开。在页面中选择相应的元件,对应的右边会出现此元件的样式,交互以及注释,我们可以自行根据需要和喜好来“包装”元件。通过三天的学习以及加上后续我们作业的完成以及训练,对Axure RP的使用加以熟练,以下附上这几天的一些我认为较为重点的操作/学习成果:(前三个是学习过程中操作的,后面两个是自己做的网页原型绘制)
动态面板
交互动作
中继器
搜购彩票网页绘制
数字彩资讯页面绘制
ps:这是我写的第一篇博客,有很多不足和不熟悉的操作,希望通过后面越来越多的练习写得越来越好。

你可能感兴趣的:(我的Axure原型绘制学习)