学习视频来自大饼老师
1. 交互概念
以下定义来自小楼老师书籍
交互是指程序对用户操作指令的反馈。
实际上,这句话是告诉我们,在进行交互设计的时候需要考虑两个问题:
● 允许用户进行什么操作?
● 用户能够获得什么反馈?
所以,我们在进行交互设计时,要根据允许用户所进行操作,给出可操作的对象。例如,菜单、链接、按钮、滑块、输入框、选项列表等。当用户对可操作的对象进行了某种操作时,给予相应的反馈。
例如,我们允许用户进行点击导航菜单的操作。当点击导航菜单时,给予用户打开某一页面的反馈。这就需要我们在绘制原型时,为导航菜单的每一个菜单项都添加独立的元件,并为这些菜单项元件分别添加交互事件。
2. 自适应视图
2.1 优点
- 可以快速生成多尺寸设计稿,调整方便时时可预览。
- 可分享,效果堪比视觉并开发的版本,可以用来收集意见,降低开发的风险。
- 响应式,可以让我们的设计提案更加生动 。
2.2 各种样式
Large Display (1200x 任何)对应台式电脑
Landscape Tablet (1024x 任何)对应笔记本电脑
3. 概要页
从视图中隐藏,仅限于动态面板或者组合起来的控件,单个控件是不能被隐藏的。
4. 网页跳转
- 关于页面的跳转,我们到底是选择在当前窗口中打开呢?还是选择在新窗口/新标签中打开呢?
信息架构复杂的大型网站,比如新闻类的门户网站,大型电商网站等等,网页的跳转链接,使用新窗口,新标签;
像一些公司的宣传网站,小型轻量级的电商网站等等,为了保证用户的操作连贯性,在当前页面跳转。
- 父级窗口只有在弹出窗口的应用下才有效
5. 滚动元件实现到锚点滚动
锚点这个词,它是网页制作中的一个术语它算超链接的一种,就相当于一个标记或者一个定位器
6. 移动实现锚点滚动
要移动到内容:组合-记录位置-移动
标签栏:动态面板-固定到浏览器
重点
7. 文本框的11中输入类型
控件的拓展
8. 文本框扩展功能(P2P网贷平台实名认证案例)
提示文本
文本框的只读,它是可以选择,可以复制,但是不能输入,不能更改
9. 选择控制语句
10. 设置条件具体操作
情形-条件-动作(设置文本)