这里参考的视频是Axure 9
但使用是Axure 10.
第一课 瞬间会用Axure
注意页面布局及各个功能块
注意:发布的时候是给别人看html ,而不是看rp文件。
第二课 会用所有组件
- 占位符 一般用矩形替代
- 按钮 本质也是矩形
- 链接按钮 本质是文本
- 热区:交互的区域(避免重复操作)
- 动态面板:增加弹窗类似的功能 较为复杂
表单组件
- 文本框
- 文本域
- 下拉列表-一般用于web端,不用于手机端。
- 列表框
- 复选框
- 单选按钮(选完之后无法选,需要处理)
菜单|表格
- 树
- 表格
- 水平菜单
- 垂直菜单
标记元件
- 快照:快速汇总
- 标签用于PRD文档 ,管用的是产品经理写的说明
可以切换Flow画流程图、也可以切换图标
第3课 比UI同学画的还美
绘制了个界面,过于硬核,适合反复观看。
第4课 按钮和页面跳转
可以对按钮的样式进行修改,同时在右侧增加交互。
第五课 鼠标移入/移出、内容显隐
在交互界面进行灵活的应用,注意搭配显隐的使用,有点PPT的意思。
第六课 内部框架
使用于搭建页面时的分工写代码
第七课 母版
用于快速更改,减少重复工作。
第八课 样式
- 样式尺寸,可对应的切换为手机端
- 页面排列
- 视觉保真–高保真一般是给上级汇报用,低保真去除颜色,给UI设计师用,避免自己的颜色造成影响
第九课 动态面板
算是比较核心的模块。用于弹窗或轮播广告,还是挺简单的。
注意 用 盒子 和 纸张的 类比来理解。
第十课 选中状态
用于页面切换,绑定选中状态之类;
第十一课 移动
移动并且 加动画 基本很简单。
第十二课 动态面板+显隐
这节课 比较有用 对目前的绘图是个很好的参考,考虑弹窗和遮罩层,而且要考虑时间是350ms
值得反复观看。
第十三课 动态面板+显隐
内容基本同上,增加的是滑动显示。
第十四–十六 暂时略过
第十七课 选项组
单选框 组合成一组
第十八课 内容动态改变
在交互部分结合文本框 修改 文本内容
这里可以用在状态修改!
第十九课 选中状态动态改变
根据右侧按钮 改变左侧的情况。
第二十课 设置列表选中项
上一节类似,通过按钮改变下拉框的内容。
第二十一课 启用或禁用
这个可以用到,表单没有权限的就变灰 不给修改的机会
第二十二课 旋转 略
第二十三课 组合交互样式
和之前的类似,视频也比较短,略。