Axure学习笔记

该教程涵盖了从基础到高级的Axure使用技巧,包括页面布局、组件运用、动态面板、交互事件、表单组件、菜单表格、母版样式、选中状态、动态内容和交互样式等。特别强调动态面板在弹窗和轮播广告中的应用,以及如何创建流程图和高保真原型。课程适合UI设计师和产品设计师提升原型制作能力。
摘要由CSDN通过智能技术生成

这里参考的视频是Axure 9
但使用是Axure 10.

第一课 瞬间会用Axure

在这里插入图片描述
注意页面布局及各个功能块
注意:发布的时候是给别人看html ,而不是看rp文件。

第二课 会用所有组件

在这里插入图片描述

  • 占位符 一般用矩形替代
  • 按钮 本质也是矩形
  • 链接按钮 本质是文本
  • 热区:交互的区域(避免重复操作)
  • 动态面板:增加弹窗类似的功能 较为复杂

表单组件
在这里插入图片描述

  • 文本框
  • 文本域
  • 下拉列表-一般用于web端,不用于手机端。
  • 列表框
  • 复选框
  • 单选按钮(选完之后无法选,需要处理)

菜单|表格
在这里插入图片描述

  • 表格
  • 水平菜单
  • 垂直菜单

标记元件
在这里插入图片描述

  • 快照:快速汇总
  • 标签用于PRD文档 ,管用的是产品经理写的说明

可以切换Flow画流程图、也可以切换图标

第3课 比UI同学画的还美

绘制了个界面,过于硬核,适合反复观看。

第4课 按钮和页面跳转

在这里插入图片描述
可以对按钮的样式进行修改,同时在右侧增加交互。

第五课 鼠标移入/移出、内容显隐

在交互界面进行灵活的应用,注意搭配显隐的使用,有点PPT的意思。

第六课 内部框架

使用于搭建页面时的分工写代码
在这里插入图片描述

第七课 母版

在这里插入图片描述
用于快速更改,减少重复工作。

第八课 样式

在这里插入图片描述

  • 样式尺寸,可对应的切换为手机端
  • 页面排列
  • 视觉保真–高保真一般是给上级汇报用,低保真去除颜色,给UI设计师用,避免自己的颜色造成影响

第九课 动态面板

在这里插入图片描述
算是比较核心的模块。用于弹窗或轮播广告,还是挺简单的。
注意 用 盒子 和 纸张的 类比来理解。

第十课 选中状态

在这里插入图片描述
用于页面切换,绑定选中状态之类;

第十一课 移动

移动并且 加动画 基本很简单。

第十二课 动态面板+显隐

在这里插入图片描述
这节课 比较有用 对目前的绘图是个很好的参考,考虑弹窗和遮罩层,而且要考虑时间是350ms
值得反复观看。

第十三课 动态面板+显隐

内容基本同上,增加的是滑动显示。

第十四–十六 暂时略过

第十七课 选项组

单选框 组合成一组

第十八课 内容动态改变

在交互部分结合文本框 修改 文本内容
这里可以用在状态修改!

第十九课 选中状态动态改变

在这里插入图片描述
根据右侧按钮 改变左侧的情况。

第二十课 设置列表选中项

上一节类似,通过按钮改变下拉框的内容。

第二十一课 启用或禁用

这个可以用到,表单没有权限的就变灰 不给修改的机会
在这里插入图片描述

第二十二课 旋转 略

第二十三课 组合交互样式

和之前的类似,视频也比较短,略。

第二十四课 等待

第二十五课 等待+移动+旋转

第二十六课 利用载入时实现循环

第二十七课

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值