3D旅游VR項目產(chǎn)品方案課件

1、3D旅游VR項目_交互設(shè)計方案設(shè)計：翟艷會審核：余謙第1頁，共34頁。2茵特拉根小鎮(zhèn)3D虛擬旅游_交互方案目錄CONTENTS1茵特拉根小鎮(zhèn)3D虛擬旅游_整體說明第2頁，共34頁。Part 1茵特拉根小鎮(zhèn)3D虛擬旅游_整體說明介紹整體信息第3頁，共34頁。交互方案說明整體1.觸發(fā)選項：移動手掌(左手、右手)到對應(yīng)選項位置，觸發(fā)選項（選項有默認、懸停狀態(tài)）；2.視角旋轉(zhuǎn)：“右手平行于畫面像右移動”對應(yīng)畫面向右旋轉(zhuǎn)；（最大角度做限制） “右手平行于畫面像左移動”對應(yīng)畫面向左旋轉(zhuǎn)；（最大角度做限制） “右手平行于畫面像上移動”對應(yīng)畫面向上旋轉(zhuǎn)；（最大角度做限制） “右手平行于畫面像下移動”對應(yīng)畫面向

2、下旋轉(zhuǎn)；（最大角度做限制）3.人物行走：“右腳向前邁一小步”對面畫面前進； “右腳向后邁一小步”對面畫面向后； “右腳收回”畫面停止在選中位置；4.左側(cè)欄選取：“左手懸停在UI上1.5s加載選取當(dāng)前選框，進入界面后，后面視角鎖定，右 手選擇相應(yīng)選項（交互同上）”5.返回主頁：“雙手垂直于屏幕合十”畫面返回主界面6.退出程序：“左手手掌從左往右滑動”彈出退出程序彈窗第4頁，共34頁。景點平面圖示第5頁，共34頁。景點俯視圖全景1.小鎮(zhèn)入口 2.網(wǎng)球館 3.水上高爾夫練習(xí)場 4.半坡街 5.茵特拉根公寓 6.茵特拉根酒店 7.茵特拉根小鎮(zhèn) 8.茵特拉根市場 9.小鎮(zhèn)出口小鎮(zhèn)入口茵特拉根公寓水上高爾

3、夫練習(xí)場網(wǎng)球館茵特拉根酒店茵特拉根小鎮(zhèn)小鎮(zhèn)出口茵特拉根市場半坡街第6頁，共34頁。指示圖標默認姿勢 伸展右手 伸展左手 雙手合十 右腳向前 右腳向后右手默認 加載圖標左手默認 加載圖標第7頁，共34頁。Part 2茵特拉根小鎮(zhèn)3D虛擬旅游_交互方案場景內(nèi)交互方案講解展示第8頁，共34頁。交互方案展示登陸界面交互說明：默認狀態(tài)下畫面狀態(tài)，當(dāng)手掌感應(yīng)在畫面內(nèi)時，手掌感應(yīng)光標出現(xiàn)在畫面內(nèi)，根據(jù)手勢移動來觸發(fā)操作。屏幕展示交互效果展示第9頁，共34頁。交互方案展示選擇人物交互說明：進入選中人物角色界面，用戶通過左手、右手平行于屏幕移動進行選擇，當(dāng)手型圖標放置在人物區(qū)域范圍內(nèi)且加載1.5s后加載完成，進

4、入景點，默認進入小鎮(zhèn)入口位置；屏幕展示交互效果展示第10頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）左手控制左側(cè)兩個按鈕選擇，右手控制內(nèi)部操作（包括選取、行走、畫面縮放）；默認第一人稱視角，景點為小鎮(zhèn)入口，視角范圍、景點選擇可以在左側(cè)控制欄進行選取，可通過右手上下左右的移動控制畫面的旋轉(zhuǎn)；進入小鎮(zhèn)入口場景，白色提示按鈕跳動提示，用戶右手控制在畫面中的位置移動，當(dāng)手型放置在跳動按鈕上時，等待1.5s后加載出介紹信息；小鎮(zhèn)入口平面圖展示示意i第11頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：當(dāng)前景點介紹提示信息，當(dāng)關(guān)閉時，右手控制圖標放置在 X 位置，即可關(guān)閉彈窗，小鎮(zhèn)

5、入口平面圖展示示意i小鎮(zhèn)入口XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX第12頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）左側(cè)欄選取通過左手（平行于畫面移動手掌進行相應(yīng)選?。┛刂疲?dāng)左手手型UI放置在圖標UI上時，圖標放大（與默認效果做出區(qū)分），加載1.5s后畫面選中；小鎮(zhèn)入口平面圖展示示意i第13頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）默認“視角選擇”UI選擇框（默認，形式UI設(shè)計師可以再進行設(shè)計），通過右手對當(dāng)前選項進行

6、選擇小鎮(zhèn)入口平面圖展示示意第一人稱第三人稱 俯視圖ii視角選擇第一人稱視角第三人稱視角 漫游視角i第14頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）通過右手（平行于畫面在畫面中移動進行選?。琔I適當(dāng)放大且顏色與默認做出區(qū)分，操作控制選擇當(dāng)前所需視角小鎮(zhèn)入口平面圖展示示意ii視角選擇第一人稱視角第三人稱視角 漫游視角第一人稱第三人稱 俯視圖i第15頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）第三人稱視角，左側(cè)按鈕與交互同上；小鎮(zhèn)入口_第三人稱平面圖展示示意i第16頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）當(dāng)選

7、擇俯視圖時，視角范圍內(nèi)畫面景點位置出現(xiàn)指示圖標，當(dāng)右手控制手型觸碰到圖標的位置時，加載1.5s畫面鏡頭動態(tài)進入到選擇的景點位置，可通過右手控制畫面左右上下視角（上下角度視角做限制）小鎮(zhèn)入口_俯視圖平面圖展示示意i水上高爾夫練習(xí)場網(wǎng)球館茵特萊根小鎮(zhèn)第17頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）當(dāng)選擇“景點介紹”UI圖標時（默認，形式UI設(shè)計師可以再進行設(shè)計），左手手型選擇左側(cè)欄選項小鎮(zhèn)入口平面圖展示示意ii視角選擇 小鎮(zhèn)入口 網(wǎng)球館 水上高爾夫練習(xí)場 半坡街 茵特萊根公寓 茵特萊根酒店 茵特萊根小鎮(zhèn) 茵特萊根市場 小鎮(zhèn)出口小鎮(zhèn)公寓 半坡街 網(wǎng)球館小鎮(zhèn)酒店小鎮(zhèn)市場萊

8、茵小鎮(zhèn)高爾夫球場小鎮(zhèn)入口UI位置圖示小鎮(zhèn)出口第18頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）當(dāng)選擇右手手型UI放置在相應(yīng)UI上時，UI適當(dāng)放大且顏色做出變化，放置1.5s后加載到當(dāng)前選取景點；小鎮(zhèn)入口平面圖展示示意ii視角選擇 小鎮(zhèn)入口 網(wǎng)球館水上高爾夫練習(xí)場 半坡街 茵特萊根公寓 茵特萊根酒店 茵特萊根小鎮(zhèn) 茵特萊根市場 小鎮(zhèn)出口小鎮(zhèn)公寓 半坡街 網(wǎng)球館小鎮(zhèn)酒店小鎮(zhèn)市場萊茵小鎮(zhèn)高爾夫球場小鎮(zhèn)入口小鎮(zhèn)出口第19頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）回到默認視角，可通過手掌及腳掌對其進行操作控制；人物行走：“右腳向前邁一小步”對面畫

9、面前進；且通過右手控制方向（上下左右方向）小鎮(zhèn)入口平面圖展示示意第20頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）回到默認視角，可通過手掌及腳掌對期進行操作控制；人物行走：“右腳向后邁一小步”對面畫面向后；且通過右手控制方向小鎮(zhèn)入口平面圖展示示意i第21頁，共34頁。交互方案展示小鎮(zhèn)入口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）回到默認視角，可通過手掌及腳掌對期進行操作控制；人物行走：“右腳收回”畫面停止在選中位置；且通過右手控制方向小鎮(zhèn)入口平面圖展示示意i第22頁，共34頁。交互方案展示小鎮(zhèn)出口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）操作完成后（退出程序在操作過程中可隨

10、時選擇），左手手掌從左往右滑動彈出退出程序彈窗，右手選擇（交互同上）相應(yīng)的按鈕進行操作；當(dāng)選擇“確定”時，程序退出，回到硬件電腦主界面當(dāng)選擇“取消”時，可在軟件內(nèi)繼續(xù)瀏覽和操作小鎮(zhèn)出口平面圖展示示意i提示確定退出程序操作嗎？確定取消第23頁，共34頁。交互方案展示小鎮(zhèn)出口交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）UI選中狀態(tài)，顏色與默認狀態(tài)做出區(qū)分；小鎮(zhèn)出口平面圖展示示意i提示確定退出程序操作嗎？確定取消第24頁，共34頁。交互方案展示登陸界面交互說明：“雙手垂直于屏幕合十”畫面返回主界面；屏幕展示交互效果展示第25頁，共34頁。交互方案展示水上高爾夫練習(xí)場交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）交互同上水上高爾夫練習(xí)場平面圖展示示意i第26頁，共34頁。交互方案展示網(wǎng)球館交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）交互同上網(wǎng)球館平面圖展示示意i第27頁，共34頁。交互方案展示半坡街交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）交互同上半坡街平面圖展示示意i第28頁，共34頁。交互方案展示茵特拉根小鎮(zhèn)交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）交互同上茵特拉根小鎮(zhèn)平面圖展示示意i第29頁，共34頁。交互方案展示茵特拉根公寓交互說明：（地圖上紅色框內(nèi)為當(dāng)前位置）交互同上茵特拉根公寓平面圖展示示意i第30頁，共34頁。交互方案展示茵特拉根酒店