3D旅游VR项目产品方案课件

1、3D旅游VR项目_交互设计方案设计：翟艳会审核：余谦第1页，共34页。2茵特拉根小镇3D虚拟旅游_交互方案目录CONTENTS1茵特拉根小镇3D虚拟旅游_整体说明第2页，共34页。Part 1茵特拉根小镇3D虚拟旅游_整体说明介绍整体信息第3页，共34页。交互方案说明整体1.触发选项：移动手掌(左手、右手)到对应选项位置，触发选项（选项有默认、悬停状态）；2.视角旋转：“右手平行于画面像右移动”对应画面向右旋转；（最大角度做限制） “右手平行于画面像左移动”对应画面向左旋转；（最大角度做限制） “右手平行于画面像上移动”对应画面向上旋转；（最大角度做限制） “右手平行于画面像下移动”对应画面向

2、下旋转；（最大角度做限制）3.人物行走：“右脚向前迈一小步”对面画面前进； “右脚向后迈一小步”对面画面向后； “右脚收回”画面停止在选中位置；4.左侧栏选取：“左手悬停在UI上1.5s加载选取当前选框，进入界面后，后面视角锁定，右 手选择相应选项（交互同上）”5.返回主页：“双手垂直于屏幕合十”画面返回主界面6.退出程序：“左手手掌从左往右滑动”弹出退出程序弹窗第4页，共34页。景点平面图示第5页，共34页。景点俯视图全景1.小镇入口 2.网球馆 3.水上高尔夫练习场 4.半坡街 5.茵特拉根公寓 6.茵特拉根酒店 7.茵特拉根小镇 8.茵特拉根市场 9.小镇出口小镇入口茵特拉根公寓水上高尔

3、夫练习场网球馆茵特拉根酒店茵特拉根小镇小镇出口茵特拉根市场半坡街第6页，共34页。指示图标默认姿势 伸展右手 伸展左手 双手合十 右脚向前 右脚向后右手默认 加载图标左手默认 加载图标第7页，共34页。Part 2茵特拉根小镇3D虚拟旅游_交互方案场景内交互方案讲解展示第8页，共34页。交互方案展示登陆界面交互说明：默认状态下画面状态，当手掌感应在画面内时，手掌感应光标出现在画面内，根据手势移动来触发操作。屏幕展示交互效果展示第9页，共34页。交互方案展示选择人物交互说明：进入选中人物角色界面，用户通过左手、右手平行于屏幕移动进行选择，当手型图标放置在人物区域范围内且加载1.5s后加载完成，进

4、入景点，默认进入小镇入口位置；屏幕展示交互效果展示第10页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）左手控制左侧两个按钮选择，右手控制内部操作（包括选取、行走、画面缩放）；默认第一人称视角，景点为小镇入口，视角范围、景点选择可以在左侧控制栏进行选取，可通过右手上下左右的移动控制画面的旋转；进入小镇入口场景，白色提示按钮跳动提示，用户右手控制在画面中的位置移动，当手型放置在跳动按钮上时，等待1.5s后加载出介绍信息；小镇入口平面图展示示意i第11页，共34页。交互方案展示小镇入口交互说明：当前景点介绍提示信息，当关闭时，右手控制图标放置在 X 位置，即可关闭弹窗，小镇

5、入口平面图展示示意i小镇入口XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX第12页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）左侧栏选取通过左手（平行于画面移动手掌进行相应选取）控制，当左手手型UI放置在图标UI上时，图标放大（与默认效果做出区分），加载1.5s后画面选中；小镇入口平面图展示示意i第13页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）默认“视角选择”UI选择框（默认，形式UI设计师可以再进行设计），通过右手对当前选项进行

6、选择小镇入口平面图展示示意第一人称第三人称 俯视图ii视角选择第一人称视角第三人称视角 漫游视角i第14页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）通过右手（平行于画面在画面中移动进行选取），UI适当放大且颜色与默认做出区分，操作控制选择当前所需视角小镇入口平面图展示示意ii视角选择第一人称视角第三人称视角 漫游视角第一人称第三人称 俯视图i第15页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）第三人称视角，左侧按钮与交互同上；小镇入口_第三人称平面图展示示意i第16页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）当选

7、择俯视图时，视角范围内画面景点位置出现指示图标，当右手控制手型触碰到图标的位置时，加载1.5s画面镜头动态进入到选择的景点位置，可通过右手控制画面左右上下视角（上下角度视角做限制）小镇入口_俯视图平面图展示示意i水上高尔夫练习场网球馆茵特莱根小镇第17页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）当选择“景点介绍”UI图标时（默认，形式UI设计师可以再进行设计），左手手型选择左侧栏选项小镇入口平面图展示示意ii视角选择 小镇入口 网球馆 水上高尔夫练习场 半坡街 茵特莱根公寓 茵特莱根酒店 茵特莱根小镇 茵特莱根市场 小镇出口小镇公寓 半坡街 网球馆小镇酒店小镇市场莱

8、茵小镇高尔夫球场小镇入口UI位置图示小镇出口第18页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）当选择右手手型UI放置在相应UI上时，UI适当放大且颜色做出变化，放置1.5s后加载到当前选取景点；小镇入口平面图展示示意ii视角选择 小镇入口 网球馆水上高尔夫练习场 半坡街 茵特莱根公寓 茵特莱根酒店 茵特莱根小镇 茵特莱根市场 小镇出口小镇公寓 半坡街 网球馆小镇酒店小镇市场莱茵小镇高尔夫球场小镇入口小镇出口第19页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）回到默认视角，可通过手掌及脚掌对其进行操作控制；人物行走：“右脚向前迈一小步”对面画

9、面前进；且通过右手控制方向（上下左右方向）小镇入口平面图展示示意第20页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）回到默认视角，可通过手掌及脚掌对期进行操作控制；人物行走：“右脚向后迈一小步”对面画面向后；且通过右手控制方向小镇入口平面图展示示意i第21页，共34页。交互方案展示小镇入口交互说明：（地图上红色框内为当前位置）回到默认视角，可通过手掌及脚掌对期进行操作控制；人物行走：“右脚收回”画面停止在选中位置；且通过右手控制方向小镇入口平面图展示示意i第22页，共34页。交互方案展示小镇出口交互说明：（地图上红色框内为当前位置）操作完成后（退出程序在操作过程中可随

10、时选择），左手手掌从左往右滑动弹出退出程序弹窗，右手选择（交互同上）相应的按钮进行操作；当选择“确定”时，程序退出，回到硬件电脑主界面当选择“取消”时，可在软件内继续浏览和操作小镇出口平面图展示示意i提示确定退出程序操作吗？确定取消第23页，共34页。交互方案展示小镇出口交互说明：（地图上红色框内为当前位置）UI选中状态，颜色与默认状态做出区分；小镇出口平面图展示示意i提示确定退出程序操作吗？确定取消第24页，共34页。交互方案展示登陆界面交互说明：“双手垂直于屏幕合十”画面返回主界面；屏幕展示交互效果展示第25页，共34页。交互方案展示水上高尔夫练习场交互说明：（地图上红色框内为当前位置）交互同上水上高尔夫练习场平面图展示示意i第26页，共34页。交互方案展示网球馆交互说明：（地图上红色框内为当前位置）交互同上网球馆平面图展示示意i第27页，共34页。交互方案展示半坡街交互说明：（地图上红色框内为当前位置）交互同上半坡街平面图展示示意i第28页，共34页。交互方案展示茵特拉根小镇交互说明：（地图上红色框内为当前位置）交互同上茵特拉根小镇平面图展示示意i第29页，共34页。交互方案展示茵特拉根公寓交互说明：（地图上红色框内为当前位置）交互同上茵特拉根公寓平面图展示示意i第30页，共34页。交互方案展示茵特拉根酒店