杰瑞科技汇

Axure 7.0视频教程从哪学?

虽然 Axure 7.0 是一个比较老的版本(目前最新版是 10),但其核心交互逻辑和设计理念与新版基本一致,对于学习 Axure 的基础和中级功能来说,完全足够,网上有大量针对 7.0 的优质中文教程,非常适合初学者。

Axure 7.0视频教程从哪学?-图1
(图片来源网络,侵删)

学习路径建议(从零到一)

对于新手,建议按照以下步骤循序渐进,这样学习效率最高。

第一阶段:入门与基础(1-2周)

这个阶段的目标是熟悉 Axure 的工作界面,掌握基本元件的使用和页面管理。

  1. 了解 Axure 是什么,能做什么:

    • 理解 Axure 的定位(原型设计工具),了解它和 Sketch、Figma 的区别(交互驱动 vs 视觉驱动),知道高保真原型、低保真原型、交互说明文档等概念。
    • 推荐视频: 搜索 “Axure 入门教程” 或 “Axure 7.0 教程 新手”,通常会有 10-20 分钟的介绍性视频。
  2. 熟悉工作区:

    Axure 7.0视频教程从哪学?-图2
    (图片来源网络,侵删)
    • 认识 页面大纲元件库画布交互样式 这几个核心面板,学习如何创建页面、重命名页面、管理页面层级。
    • 推荐视频: 几乎所有入门教程的第一节都会讲这个。
  3. 掌握基础元件:

    • 熟练使用 矩形、圆形、文本标签、图片、按钮 等基本形状元件,学习使用 流程图 元件(如开始、过程、判断)来绘制流程图,学习使用 图标库
    • 推荐视频: 在 Bilibili 或 YouTube 搜索 “Axure 元件库使用”。

第二阶段:进阶交互(2-3周)

这是 Axure 的核心,也是学习的重点和难点,目标是掌握动态面板和各种常用交互。

  1. 动态面板:

    • 这是 Axure 的“灵魂”,必须深刻理解它的三个状态:State1, State2, State3,学习如何通过“交换状态”来实现内容切换、选项卡、轮播图等效果。
    • 关键交互: 页面交互 -> 单击时 -> 设置面板状态
    • 推荐视频: 搜索 “Axure 动态面板教程”、“Axure 选项卡制作”、“Axure 轮播图制作”。
  2. 页面跳转与参数传递:

    • 学习使用 链接到 交互,实现页面间的跳转,重点学习 “打开链接”“在新窗口中打开” 的区别,更重要的是学习如何通过 “当前页面 URL”“交互样式” 来传递参数,实现页面联动(点击列表项 A,跳转到详情页并显示 A 的信息)。
    • 推荐视频: 搜索 “Axure 页面跳转”、“Axure URL 变量”、“Axure 页面间传值”。
  3. 条件逻辑:

    • 在设置交互时,点击 “fx” 按钮进入条件编辑器,学习使用 元件状态页面载入时变量值 等作为条件,实现复杂的交互逻辑(只有当用户输入正确密码时,按钮才可点击)。
    • 推荐视频: 搜索 “Axure 条件交互”、“Axire 逻辑判断”。
  4. 变量与函数:

    • 学习使用 “全局变量” 来存储和传递数据,了解常用函数,如 [[This.name]](获取元件自身文本)、[[LVAR1]](获取变量值)、[[Now.getDate()]](获取当前日期)等。
    • 推荐视频: 搜索 “Axure 全局变量”、“Axure 函数”。

第三阶段:高级技巧与实战(1-2周)

掌握这些技巧后,你的原型将非常接近真实产品的体验。

  1. 中继器:

    • 中继器是用于批量生成和管理重复性内容的利器,可以用来制作 数据列表、表格、联系人列表、商品卡片 等,学习如何添加、删除、排序中继器内的数据,以及如何设置交互来动态修改这些数据。
    • 推荐视频: 搜索 “Axure 中继器 教程”、“Axure 制作列表”、“Axure 制作表格”。
  2. 表单与验证:

    • 综合运用文本框、下拉列表、复选框、单选按钮等表单元件,以及条件交互,制作注册、登录表单,并实现简单的输入验证(如密码长度、邮箱格式)。
    • 推荐视频: 搜索 “Axure 登录注册表单”、“Axure 表单验证”。
  3. 组件的复用:

    • 学习使用 “母版” 功能(Master),将常用的页面结构(如页头、页脚、导航栏)或交互组件(如返回按钮、关闭按钮)创建为母版,实现全局复用和统一修改。
    • 推荐视频: 搜索 “Axure 母版 教程”。

视频教程资源推荐

以下是一些非常优质的中文视频教程来源,主要以 Bilibili (B站) 为主,因为 B站有大量 Axure 7.0 的系统教程。

Bilibili (B站) - 首选推荐

B站是学习 Axure 的最佳平台,资源免费且系统。

  1. 系统课程(强烈推荐新手跟学):

    • UP主: 「优设大课堂」「AxureShare」 等机构号。
    • 搜索关键词: Axure 7.0 系统教程Axure 7.0 从入门到精通
    • 特点: 这些课程通常有几十到上百集,从界面介绍到高级案例,非常完整,跟着学一遍就能上手。
  2. 特定案例教程(按需查找):

    • 搜索关键词:
      • Axure 7.0 选项卡
      • Axure 7.0 轮播图
      • Axure 7.0 下拉菜单
      • Axure 7.0 登录注册
      • Axure 7.0 中继器
      • Axure 7.0 微信原型
    • 特点: 直接针对某个具体功能或效果,学习目的性强,可以快速解决遇到的问题。

YouTube

YouTube 上的教程质量也很高,但多为英文,如果你的英语不错,可以尝试。

  • 搜索关键词: Axure RP 7.0 Tutorial for Beginners
  • 推荐频道: "AxureTuts", "DesignCourse" 等都有不错的 Axure 基础教程。

国内其他平台

  • 腾讯课堂 / 网易云课堂: 搜索 “Axure 原型设计”,有很多付费的系统课程,但通常也会提供免费的试看章节,这些课程更偏向于实战和项目。
  • 知乎 / CSDN: 搜索 “Axure 7.0 教程”,可以找到一些图文并茂的教程文章,可以作为视频教程的补充。

学习小贴士

  1. 不要只看不练: 视频教程是输入,自己动手做才是输出,一定要跟着视频,一步步在 Axure 里操作一遍。
  2. 先模仿,再创造: 先学会教程里的案例,然后尝试自己修改、组合,创造出新的效果。
  3. 建立自己的元件库和母版: 随着学习的深入,把你常用的交互组件和样式保存为母版,建立自己的资源库,会极大提高效率。
  4. 善用社区: 遇到问题可以去 “AxureShare” 社区、知乎、相关贴吧提问,或者直接搜索,很可能别人已经遇到过并解决了。
  5. 版本不是问题: Axure 7.0 和 9.0/10.0 的核心交互逻辑是一致的,学通了 7.0,未来换到新版本也能很快上手,只是界面上可能有些微调。

祝你学习愉快!

分享:
扫描分享到社交APP
上一篇
下一篇