《第六章 可视系统平台交互设计方法综述教学课件.pptx》由会员分享，可在线阅读，更多相关《第六章 可视系统平台交互设计方法综述教学课件.pptx（24页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第六章 可视系统平台交互设计方法综述CHAPTER 6第6章：可视系统平台交互设计方法综述2022/04/25PART 1手机端APP交互设计流程及方法APP导航信息架构设计方法APP单页面信息流设计方法APP搜索设计方法APP控件设计方法1.11.21.31.4PART 2小程序交互设计方法PART 3Watch交互设计方法PART 4PC Web端交互设计方法PC Web界面信息架构设计设计方法PC Web界面中的图表设计方法PC Web界面中的表格设计方法提示的信息架构类型及设计方法PC Web控件设计方法4.14.24.34.44.5PART 5PC客户端软件交互设计方法PC客户端软件
2、交互特性独占软件设计方法暂态软件设计方法5.15.25.3PART 6PAD端APP交互设计方法PAD端APP交互设计发展趋势主界面架构设计控件设计子页面设计6.16.26.36.4PART 7车载系统交互设计方法PART 8智能电视界面交互设计方法PART 9VR系统交互设计方法PART 10跨平台设计方法适配型跨平台产品交互设计方法互补型跨平台产品交互设计方法10.110.2遥控器控制的智能电视界面交互设计方法智能电视的交互控制方式8.18.2PAGE 5导航设计目标表明操作路径的导航表明当前位置的导航表明去向的导航PART 1 手机端APP交互设计流程及方法PAGE 011.1 APP导
3、航信息架构设计方法全局导航次级导航细节导航PAGE 6常见的信息流形态信息流的特点信息流对时间的强调程度信息流的元素组成PART 1 手机端APP交互设计流程及方法PAGE 011.2 APP单页面信息流设计方法PAGE 7常见的搜索流程搜索入口搜索输入搜索结果PART 1 手机端APP交互设计流程及方法PAGE 011.3 APP搜索设计方法搜索结果样式次级导航搜索结果要素搜索结果中的排序搜索结果中的筛选PAGE 8旨在提供反馈的控件旨在提供交互操作的控件toastsnackbar选择器系统弹窗PART 1 手机端APP交互设计流程及方法PAGE 011.4 APP控件设计方法PAGE 9菜
4、单推送交互层级导航其他PART 2 小程序交互设计方法PAGE 012 小程序交互设计方法PAGE 10手表等极小屏幕交互设计基本原则Apple Watch设计指南PART 3 Watch交互设计方法PAGE 013 Watch交互设计方法Glances设计通知设计应用信息架构布局设计色彩设计按钮设计列表设计开关设计滑杆设计特殊操作PAGE 11菜单设计导航设计页面内容布局设计PART 4 PC Web端交互设计方法PAGE 014.1 PC Web界面信息架构设计设计方法抽屉Tab翻页PAGE 12图表的设计概述坐标系图表概述坐标系图表-柱形图PART 4 PC Web端交互设计方法PAGE
5、 014.2 PC Web界面中的图表设计方法横向柱形图负值柱形图对比图柱状堆积图坐标系图表-折线图趋势图对比图坐标系图表-散点图坐标系图表-箱型图PAGE 13非坐标系图表概述非坐标系图表-环型图或饼状图非坐标系图表-雷达图非坐标系图表-关系图非坐标系图表-基于地图形态的图表其他一些图表的设计细节PART 4 PC Web端交互设计方法PAGE 014.2 PC Web界面中的图表设计方法PAGE 14表格设计概述功能区部分设计表头部分设计数据部分设计底部设计PART 4 PC Web端交互设计方法PAGE 014.3 PC Web界面中的表格设计方法PAGE 15弱提示设计强提示设计PAR
6、T 4 PC Web端交互设计方法PAGE 014.4 提示的信息架构类型及设计方法4.5 PC Web控件设计方法按钮文本框下拉框树状结构其他PAGE 16PART 5 PC客户端软件交互设计方法PAGE 015.1 PC客户端软件交互特性5.2 独占软件设计方法5.3 暂态软件设计方法PAGE 17PART 6 PAD端APP交互设计方法PAGE 016.1 PAD端APP交互设计发展趋势6.2 主界面架构设计横屏结构APP设计竖屏结构APP设计PAGE 18PART 6 PAD端APP交互设计方法PAGE 016.3 控件设计6.4 子页面设计半覆盖式全屏幕式全局控件局部控件PAGE 1
7、9PART 7 车载系统交互设计方法PAGE 017 车载系统交互设计方法车载系统发展趋势中控系统设计方法其他系统设计方法操作直观性设计右手单手操作设计多通道交互设计白天/夜间模式清晰的操作反馈PAGE 20PART 8 智能电视界面交互设计方法PAGE 018.1 遥控器控制的智能电视界面交互设计方法1.信息架构设计2.内容设计3.选择聚焦设计4.文本输入设计PAGE 21PART 8 智能电视界面交互设计方法PAGE 018.2 智能电视的交互控制方式1.遥控器控制方式内容设计2.语音控制方式文本输入设计3.手势控制方式4.眼动控制方式PAGE 22PART 9 VR系统交互设计方法PAGE 019 VR系统交互设计方法菜单设计界面信息架构设计PAGE 23PART 10 跨平台设计方法PAGE 0110.1 适配型跨平台产品交互设计方法1.页面架构的跨平台设计方法2.交互流程的跨平台设计方法10.2 互补型跨平台产品交互设计方法