交互设计课程
网页交互设计流程
大多数人对网页认知其实是比较浅显的，能显示信息就行，然而对于设计师来说呢，网页要有更好
的体现，视觉上交互上等等，要考虑的维度有很多
1 定义形式要素 2 定义功能和交互
3 科学的工作布局 4 建议的工作方式
第一部分
定义交互形式要素
什么端的产品，用户如何交互，输入的方式是怎样的
u 重点掌握：√
u 次要掌握：
形式要素
形式要素 （form factor）指在产品设计前期考虑网页产品是PC
端应用，手机端应用还是公共场所的信息亭等 。考虑每种形式
要素对设计暗含了什么限制
… … … …
网页基本姿态
考虑产品的基本姿态 （posture），确定该系统的输入方法
网页姿态：是指用户会投入多大的注意力和
产品互动，以及产品的互动会对用户投入的
注意力作出何种反应
明确输入方法是用户和产品互动的方式。
（同时受到产品外形和姿态，人物模型的态
度，能力和喜好的驱使）。
网页的功能定位
网页交互设计的定位方式 ：
我们要根据产品的 【功能和定
位】向浏览者传递出一个合适的 根据产品功能、定位向浏览者传递信息 （包括
信息，对网页 【功能的策划】 产品
2022-05-18 09:07:20
1.87MB
以A p p 目的导向为原则的界面版式设计
了解 界面 设 计 在A p p 交 互 设 计 中 的
应 用 特 点与 原 则
知识要点
界面设计在App交互设计中的指导原则
界面设计在App交互设计中的应用特点
界面设计在App交互设计中的原则的解析
第一部分
界面设计在App交互设计中的
指导原则
界面设计在App交互设计中的指导原则 （一）价值理念
有实效
现实且可行，帮助企业实现目标，
适应商业需要和技术条件
目标明确
优秀的设计让人感觉是一个整体，
帮助用户实现目标，得偿所愿，
各部分平衡和谐，目标导向的设
适应使用情境和用户能力
计开发流程把产品概念作为核心，
顺应并调动认知与情感
界面交互设计信息图
概念设计
构思与计划 交互流程
原型设计
用情感化交互为产品注入灵魂 可用性
易用性
美观度
情感体现
评估与反馈 界面交互设计
持续的评估
权衡可用性
修改的建议 制作与实施
原型制作
分析使用环境
界面设计在App交互设计中的指导原则其他
概念原则 （用来界定产品定义，产品如何融入
（二）
广泛的使用情境）；
行为原则 （描述产品在一般情境与特殊情境中
（三）
应有的
2022-05-17 22:06:23
2.19MB
React本机视频能力
:television: react-native-video二次开发视频播放器，交互设计参考bilibili
没有链接，没有依赖项，只有javascript
安装
npm install react-native-video-bilibili
截屏
UX分解图
用法
import Video from 'react-native-video-bilibili' ;
< Video
ref = { 'player' }
style = { { width : "100%" , height : 300 } }
source = { { uri : "https://media.w3.org/2010/05/sintel/trailer.mp4" } }
/ >
可配置道具
containerStyle
容器样式
风格
React本机视频样式
样式
与深度
2022-05-13 17:11:22
3.56MB
1