Axure9.0学习笔记四 页面交互

学习视频来自大饼老师

1. 交互概念

以下定义来自小楼老师书籍

交互是指程序对用户操作指令的反馈。
实际上,这句话是告诉我们,在进行交互设计的时候需要考虑两个问题:
● 允许用户进行什么操作?
● 用户能够获得什么反馈?
所以,我们在进行交互设计时,要根据允许用户所进行操作,给出可操作的对象。例如,菜单、链接、按钮、滑块、输入框、选项列表等。当用户对可操作的对象进行了某种操作时,给予相应的反馈。
例如,我们允许用户进行点击导航菜单的操作。当点击导航菜单时,给予用户打开某一页面的反馈。这就需要我们在绘制原型时,为导航菜单的每一个菜单项都添加独立的元件,并为这些菜单项元件分别添加交互事件。

2. 自适应视图

2.1 优点

  1. 可以快速生成多尺寸设计稿,调整方便时时可预览。
  2. 可分享,效果堪比视觉并开发的版本,可以用来收集意见,降低开发的风险。
  3. 响应式,可以让我们的设计提案更加生动 。

2.2 各种样式

Large Display (1200x 任何)对应台式电脑
Landscape Tablet (1024x 任何)对应笔记本电脑

3. 概要页

从视图中隐藏,仅限于动态面板或者组合起来的控件,单个控件是不能被隐藏的。

4. 网页跳转

  1. 关于页面的跳转,我们到底是选择在当前窗口中打开呢?还是选择在新窗口/新标签中打开呢?

信息架构复杂的大型网站,比如新闻类的门户网站,大型电商网站等等,网页的跳转链接,使用新窗口,新标签;
像一些公司的宣传网站,小型轻量级的电商网站等等,为了保证用户的操作连贯性,在当前页面跳转。

  1. 父级窗口只有在弹出窗口的应用下才有效

5. 滚动元件实现到锚点滚动

锚点这个词,它是网页制作中的一个术语它算超链接的一种,就相当于一个标记或者一个定位器

6. 移动实现锚点滚动

要移动到内容:组合-记录位置-移动
标签栏:动态面板-固定到浏览器

Axure9.0学习笔记四 页面交互_第1张图片
重点
Axure9.0学习笔记四 页面交互_第2张图片

7. 文本框的11中输入类型

控件的拓展
Axure9.0学习笔记四 页面交互_第3张图片

8. 文本框扩展功能(P2P网贷平台实名认证案例)

提示文本

Axure9.0学习笔记四 页面交互_第4张图片
Axure9.0学习笔记四 页面交互_第5张图片


文本框的只读,它是可以选择,可以复制,但是不能输入,不能更改

9. 选择控制语句

Axure9.0学习笔记四 页面交互_第6张图片

10. 设置条件具体操作

情形-条件-动作(设置文本)
Axure9.0学习笔记四 页面交互_第7张图片
Axure9.0学习笔记四 页面交互_第8张图片

Axure9.0学习笔记四 页面交互_第9张图片

你可能感兴趣的:(Axure)