濱海新區保障性住房三維展示系統設計是我工作以來參與的一個專案之一,其系統功能的研發基於skyline平臺,以觸控操作習慣(使用者體驗)為出發點,設計出專業的美觀介面,各功能按鈕以圖示和文字說明相結合的形式進行標識,最終達到設計效果佳、功能執行平穩、操作方便的效果。下面我和大家分享一下這一成果,希望能給同行業有所幫助。
工具/原料
觸控電視、三維模型資料
電腦、skyline軟體
方法/步驟
濱海新區保障性住房三維展示系統首頁分為兩個板塊,為“保障性住房建設成果”和“保障性住房重點片區”。
“保障性住房建設概況”板塊展示濱海新區所有保障性住房建設專案的空間分佈和具體的專案資訊,在濱海新區整體規劃三維模型資料的基礎上,標識出濱海新區所有保障性住房專案的具體位置,整體性展示各類保障性住房建設成果的空間分佈位置。
住房型別面板列出三種類型的保障性住房專案名稱(定單式限價商品房(限價商品房)、公租房(藍白領公寓)、經濟適用房),均為可點選按鈕,分別點選相應住房型別按鈕,場景中即可以單獨顯示相應的住房型別圖示,繼續點選可以恢復全部顯示狀態。
在每個專案點上,設定點選熱點,點選後可以彈出對話方塊(如下所示)即檢視具體專案情況和規劃資訊(圖片或文字相結合形式),並可以定位(雙擊)至該專案所在空間位置。點選右下角的按鈕即可以關閉對話方塊。
若瀏覽完畢該板塊,點選左下角的返回首頁按鈕可以立即返回首頁。
“保障性住房重點建設片區”板塊重點對濱海欣嘉園和中部新城北起步區專案進行介紹。
該板塊中的每一專案名稱為可點選按鈕,點選後可相應地進入該專案檢視具體資訊。如點選“濱海欣嘉園”後,系統進入如下介面(同時地圖場景自動切換至濱海欣嘉園)。 介面下側為工具條,包含返回首頁、專案名稱區、專案介紹、交通介紹、經典戶型、周邊配套、顯示規劃、核心區模型、合適視角、全圖和操作說明功能。
系統功能包括專案介紹、交通介紹、經典戶型、周邊配套、顯示規劃(隱藏規劃)為針對功能,在分別點選“濱海欣嘉園”和“中部新城北起步區”這兩個專案後,這四個功能均可以使用。
專案介紹:選擇“專案介紹”後,地圖場景右下側彈出對話方塊(點選右下角的按鈕即可以關閉對話方塊),介紹和展示濱海欣嘉園、中部新城北起步區專案的具體性質、面積、容積率等內容以及專案的示意圖。
交通介紹: 選擇“交通介紹”後,地圖場景右下側彈出對話方塊(點選右下角的按鈕即可以關閉對話方塊),介紹濱海欣嘉園、中部新城北起步區周邊所臨近的道路(地鐵)名稱及規劃等資訊。
周邊配套:選擇“周邊配套”後,地圖場景右下側彈出對話方塊(點選右下角的按鈕即可以關閉對話方塊),介紹濱海欣嘉園、中部新城北起步區周邊的配套面積、配套設施等資訊。
經典戶型:選擇“經典戶型”後,地圖場景右下側彈出對話方塊(點選右下角的按鈕即可以關閉對話方塊),介紹展示欣嘉園、中部新城專案的室內戶型,點選該功能後,可以在螢幕右下角彈出對話方塊介紹戶型大小、種類等資訊。同時,可以在螢幕上(或按鈕上方)快速彈出4個選擇框,分別是定單式限價商品房3個戶型樣式、公租房(藍白領公寓)1個戶型樣式(如下圖所示),點選選擇相應的戶型樣式即可以快速進入室內按照設定路徑漫遊檢視。
顯示規劃(隱藏規劃):點選“顯示規劃”按鈕可以分別顯示濱海欣嘉園和中部新城北起步區控制性詳細規劃資料(根據所選擇的區域顯示相應的規劃資料)。 如選擇濱海欣嘉園後,點選“顯示規劃”,濱海欣嘉園區域內的規劃資料顯示出來(如下所示)。
除上述主要功能外,還包含合適視角、核心區模型、全屏、操作說明通用功能。
注意事項
上述內容僅供參考,系統開發平臺可基於自身情況進行。