Axure元件-内联框架设计网页

Axure元件-内联框架

1.内联框架介绍

1.内联框架的优势能够在一个页面中通过交互打开不同页面的内容。
2.在设计一个网站页面时,可以将网站分两个部分。一部分是每个页面相同的内容,和每个页面不同的内容。相同的内容可以放在一个页面,不同的内容放在各个页面中。通过内联框架实现在一个通用的页面中显示不同子页面的内容。

2.内联框架应用介绍

2.1.网站结构设计

  • 首页设计包含网站整体结构,分为两部分相同内容和不同内容(内联框架显示不同内容)
    Axure元件-内联框架设计网页
  • 三个页面展示不同的内容
    Axure元件-内联框架设计网页

2.2.添加内联框架触发事件

  • 选中按钮添加交互–鼠标点击时
    Axure元件-内联框架设计网页
  • 框架中打开链接
    Axure元件-内联框架设计网页
  • 选择元件–内联框架
    Axure元件-内联框架设计网页
  • 选择链接到的页面
    Axure元件-内联框架设计网页
    其他的几个按钮分别按照上面的方式添加内联框架动作

2.3.首页内联框架

  • 在首页双击内联框架为首页选择默认展示的页面
    Axure元件-内联框架设计网页

3.发布预览

  • 发布预览发现内联框架有两个滚动条
    Axure元件-内联框架设计网页

3.1.去掉内联框架的滚动条和边框

  • 在首页的内联框架上右键选择滚动条–从不滚动
  • 在首页的内联框架上右键选择滚动条–切换边框
    Axure元件-内联框架设计网页