2024 兩會(huì)熱詞「新質(zhì)生產(chǎn)力」憑借其主要特征——高科技、高效能及高質(zhì)量，引發(fā)各界關(guān)注。在探索構(gòu)建新質(zhì)生產(chǎn)力的重要議題中，數(shù)據(jù)要素被視為土地、勞動(dòng)力、資本和技術(shù)之后的第五大生產(chǎn)要素。數(shù)據(jù)要素賦能新質(zhì)生產(chǎn)力發(fā)展主要體現(xiàn)為：生產(chǎn)力由生產(chǎn)要素構(gòu)成，推動(dòng)數(shù)據(jù)要素與技術(shù)、資金、人才等要素協(xié)同融合，成為發(fā)展新質(zhì)生產(chǎn)力的核心所在。

當(dāng)前，如何激活并釋放數(shù)據(jù)價(jià)值的話題日益增多，在此背景下數(shù)字孿生技術(shù)作為實(shí)現(xiàn)數(shù)字化轉(zhuǎn)型的關(guān)鍵方法論倍受關(guān)注和歡迎。數(shù)據(jù)要素&數(shù)字孿生，在工業(yè)制造、能源電力、軌道交通、文旅氣象等各行業(yè)釋放價(jià)值。數(shù)字孿生技術(shù)的引入，高效激發(fā)數(shù)據(jù)要素??產(chǎn)業(yè)的乘數(shù)效應(yīng)，催生出倍增的效益。

圖撲軟件作為現(xiàn)代工業(yè)互聯(lián)網(wǎng)領(lǐng)域的「新質(zhì)生產(chǎn)力」，不單是擁有領(lǐng)先的自研 HT for Web 產(chǎn)品，為數(shù)字孿生/可視化提供核心支撐。更在于將卓越的設(shè)計(jì)品質(zhì)和項(xiàng)目執(zhí)行力結(jié)合，展現(xiàn)出在數(shù)字化解決方案領(lǐng)域的全面實(shí)力。

升級換代的組態(tài)

在我們所熟悉的傳統(tǒng)人機(jī)界面 HMI、SCADA、MMI 中，界面布局、菜單配置以及控件設(shè)計(jì)往往呈現(xiàn)出較高度的同質(zhì)化，設(shè)計(jì)層次扁平缺少維度、顏色沉悶單調(diào)乏味、風(fēng)格古板缺乏活力。

然而作為接過新時(shí)代組態(tài)接力棒的我們，承擔(dān)著高級工業(yè)設(shè)計(jì)美學(xué)與技術(shù)創(chuàng)新的重任。若需對優(yōu)秀的組態(tài)設(shè)計(jì)進(jìn)行闡述，更會(huì)傾向采用四個(gè)專業(yè)術(shù)語進(jìn)行形容：炫酷靈動(dòng)、質(zhì)感細(xì)膩、層次清晰，以及擁有藝術(shù)氣質(zhì)。

一個(gè)優(yōu)秀的組態(tài)界面設(shè)計(jì)方案，大致由以下幾個(gè)部分組成：

1.擁有清晰的業(yè)務(wù)邏輯，恰當(dāng)?shù)臄?shù)據(jù)架構(gòu)設(shè)計(jì)。組態(tài)界面服務(wù)于工業(yè)生產(chǎn)，首先數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)要清晰，邏輯要一眼看去鮮明可辨。此外，工業(yè)組態(tài)數(shù)據(jù)設(shè)計(jì)的流轉(zhuǎn)機(jī)制也至關(guān)重要，涉及機(jī)器生產(chǎn)節(jié)奏如何設(shè)置，監(jiān)控監(jiān)測如何實(shí)現(xiàn)精密考量，以確保生產(chǎn)流程的高效和產(chǎn)品質(zhì)量的可追溯性。

2.流暢的交互流程體驗(yàn)。其核心在于優(yōu)化用戶體驗(yàn)以提升效率。例如，用戶訪問特定功能需要經(jīng)過多少操作步驟，是否需要引入視覺輔助工具如視頻教程來幫助解決問題，以及是否應(yīng)該采用拖放功能來簡化工藝流程的排列。這些決策將直接影響用戶操作的便捷性和整體滿意度。

3.舒適的視覺美學(xué)體驗(yàn)。平面設(shè)計(jì)師與軟件工程師協(xié)作溝通尤為關(guān)鍵，彼此需要在技術(shù)需求與視覺美學(xué)之間找到平衡點(diǎn)，決定是遵循技術(shù)指導(dǎo)還是給予設(shè)計(jì)優(yōu)先。此外，將平面設(shè)計(jì)與公司的網(wǎng)站、樣本等其他媒介保持一致的風(fēng)格，也是一個(gè)挑戰(zhàn)。國內(nèi)許多公司在這方面的表現(xiàn)不盡人意，突顯了在視覺統(tǒng)一性方面做得更好的必要性。

組態(tài)的設(shè)計(jì)風(fēng)格也可建立在以上幾點(diǎn)基礎(chǔ)上，開闊思維，創(chuàng)造更豐富的可能性。

我們?nèi)绾螛?gòu)建符合新時(shí)代特征的組態(tài)設(shè)計(jì)界面呢？設(shè)計(jì)圈中有一條廣為流傳的準(zhǔn)則：“不要讓技術(shù)限制你的想象。”

正是因?yàn)閳D撲軟件配備了能讓設(shè)計(jì)師大展拳手的技術(shù)——圖撲低代碼數(shù)字孿生平臺，使得不懂代碼的設(shè)計(jì)師也能迅速、自由地設(shè)計(jì)和搭建組態(tài)界面。由此，設(shè)計(jì)師才可以充分的在多維度上解鎖設(shè)計(jì)思路 —— 不論是 2D、2.5D、3D、VR、GIS 都可以由設(shè)計(jì)師自由使用完全還原設(shè)計(jì)師的想法，創(chuàng)造出更多既實(shí)用且不乏藝術(shù)價(jià)值的組態(tài)界面。

圖撲自研產(chǎn)品集功能全面、高度靈活、易學(xué)易用的數(shù)字孿生場景搭建及可視化應(yīng)用開發(fā)平臺。平臺提供拖拽式操作和參數(shù)化配置等低代碼開發(fā)方式，降低數(shù)字化內(nèi)容創(chuàng)作/開發(fā)復(fù)雜度，幫助實(shí)施人員、設(shè)計(jì)師、開發(fā)者輕松高效搭建各類孿生應(yīng)用場景，助力企業(yè)快速實(shí)現(xiàn)數(shù)字化轉(zhuǎn)型和業(yè)務(wù)應(yīng)用創(chuàng)新步伐。

該平臺更是一款高效的數(shù)字化內(nèi)容創(chuàng)作工具—— 低代碼數(shù)字孿生平臺功能完整、操作便捷。采用所見即所得的場景設(shè)計(jì)方法，用戶無需相關(guān)專業(yè)背景即可輕松完成 2D/3D 場景的搭建和數(shù)據(jù)對接。旨在讓行業(yè)客戶靈活、自主且高效地開發(fā)數(shù)字孿生、工業(yè)組態(tài)等應(yīng)用場景。加速客戶數(shù)字化轉(zhuǎn)型進(jìn)程，增強(qiáng)企業(yè)的競爭力和業(yè)務(wù)創(chuàng)新能力。

平臺可廣泛應(yīng)用于電信、電力、交通、水利、 石油、石化、工業(yè)、農(nóng)業(yè)、煤炭等行業(yè)，幫助客戶在數(shù)字化轉(zhuǎn)型的過程中更好地應(yīng)用數(shù)字化技術(shù)，洞察未來的機(jī)遇和挑戰(zhàn)。

倉儲(chǔ)/電力/醫(yī)療/家居多行業(yè)應(yīng)用案例

在圖撲自研的低代碼數(shù)字孿生平臺上我們已嘗試設(shè)計(jì)開發(fā)了倉儲(chǔ)/電力/醫(yī)療等多行業(yè)內(nèi)容的組態(tài)界面，包含 2D/2.5D/3D 多維切換，下面將逐一進(jìn)行介紹。

智能倉儲(chǔ)組態(tài)案例

圖撲軟件 HT 倉儲(chǔ)管理監(jiān)控解決方案，通過對倉儲(chǔ)環(huán)境中的關(guān)鍵要素進(jìn)行全面監(jiān)測。實(shí)現(xiàn)了對貨架和移動(dòng)中貨品的精確數(shù)據(jù)采集。可通過可視化系統(tǒng)快速獲取設(shè)備的運(yùn)行狀態(tài)，貨架數(shù)據(jù)更新和面板數(shù)據(jù)的實(shí)時(shí)反饋，達(dá)到對倉儲(chǔ)轉(zhuǎn)運(yùn)中心活動(dòng)狀態(tài)的全面把控。

在組態(tài)界面設(shè)計(jì)搭建的過程中，可以運(yùn)用圖撲低代碼數(shù)字孿生平臺中的模型庫、圖標(biāo)庫、面板庫進(jìn)行快速拖拉拽搭建。如需定制獨(dú)特的圖標(biāo)時(shí)，可以使用平臺中的設(shè)計(jì)工具進(jìn)行設(shè)計(jì)。平臺提供優(yōu)質(zhì)的分類編輯管理系統(tǒng)，也支持從外部導(dǎo)入資源進(jìn)行二次設(shè)計(jì)修改。在面板設(shè)計(jì)方面，平臺自帶的低代碼組件，允許通過參數(shù)配置輕松制定多種設(shè)計(jì)風(fēng)格的圖表組件。

2D 組態(tài)板塊設(shè)計(jì)時(shí)，以白色簡約風(fēng)格為主基調(diào)。按鈕設(shè)計(jì)上加入了立體感，融合新擬態(tài)設(shè)計(jì)，淺藍(lán)色清爽的顏色點(diǎn)綴增加了年輕活力的視覺感官體驗(yàn)。標(biāo)題中融入了流性線條設(shè)計(jì)，線面結(jié)合的構(gòu)成增加了畫面層次。組態(tài)界面作為視覺中心，大膽的使用了漸變鐳射質(zhì)感的底紋設(shè)計(jì)，襯托出銀灰色的簡潔設(shè)備，使界面更加靈動(dòng)不死板。

關(guān)于 3D 組態(tài)板塊，在設(shè)計(jì)上使用數(shù)字孿生工程仿真設(shè)計(jì)。力求在還原倉儲(chǔ)流水線原貌的同時(shí)，通過增加藍(lán)色配色的細(xì)節(jié)，使得整個(gè)界面在灰白的啞光質(zhì)感基礎(chǔ)上交織出熒光藍(lán)的光效，頗有未來科技感的視覺體驗(yàn)。其簡約大氣的配色也和 2D 組態(tài)界面設(shè)計(jì)風(fēng)格相得益彰。

除了 2D 和 3D 的組態(tài)界面，平臺同樣支持 2.5D 的組態(tài)搭建。2.5D 是在 2D 基礎(chǔ)上通過技術(shù)手段（如微影技術(shù)）制造出 3D 效果。2.5D 圖標(biāo)更類似于仿真插畫，相比 2D 設(shè)計(jì)層次更加豐富，可見透視面數(shù)更多；相比 3D 的完全仿真設(shè)計(jì)，其軸側(cè)插畫的視角和靈活的顏色搭配又更加具有藝術(shù)性。

以此營造出更加逼真的視覺效果，也能靈活加入設(shè)計(jì)師的更多想法，使得觀眾可以更深入地體驗(yàn)到作品的內(nèi)涵。在這次的倉儲(chǔ)組態(tài)設(shè)計(jì)中，融入圖撲 2.5D 設(shè)計(jì)，突破了傳統(tǒng)的 HMI、SCADA、MMI 人機(jī)界面設(shè)計(jì)局限。

2.5D 組態(tài)案例合集

承接上文，鑒于 2.5D 獨(dú)特的組態(tài)設(shè)計(jì)優(yōu)勢以及視覺感官的新鮮感，我們結(jié)合了更多熱門的行業(yè)需求嘗試在平臺上搭建了更多 2.5D 組態(tài)界面。電網(wǎng)行業(yè)，作為民生核心，亦正加速推進(jìn)，我們優(yōu)先搭建電網(wǎng)行業(yè)組態(tài)設(shè)計(jì)解決方案案例。隨后，選擇了貼近生活的醫(yī)療和智能家居網(wǎng)絡(luò)拓?fù)湫袠I(yè)組態(tài)設(shè)計(jì)案例。

（1）智慧電網(wǎng)組態(tài)案例

在設(shè)計(jì)上，我們突破傳統(tǒng)，嘗試了融入了重金屬質(zhì)感風(fēng)格——在 2.5D 的界面設(shè)計(jì)基礎(chǔ)上加入 3D 設(shè)計(jì)中常用的材質(zhì)設(shè)計(jì)和燈光氛圍感。得益于圖撲低代碼數(shù)字孿生平臺的圖標(biāo)庫的豐富，我們可直接使用平臺自帶的圖標(biāo)，節(jié)省很多繁瑣的繪制圖標(biāo)的過程。

在面板設(shè)計(jì)時(shí)，我們可以直接使用平臺自帶的面板庫，并結(jié)合平臺中的低代碼組件，由設(shè)計(jì)師自己進(jìn)行屬性配置接入虛擬數(shù)據(jù)，以及配置圖表的樣式。入門快、簡單快捷、樣式豐富、學(xué)習(xí)成本低、制圖效率高，且無需開發(fā)工程師介入。

最后，設(shè)計(jì)師開始對完成的界面進(jìn)行動(dòng)畫設(shè)計(jì)和交互綁定。作為新時(shí)代的組態(tài)界面，圖撲軟件自研產(chǎn)品最大的特點(diǎn)就是其“可視，可交流，可互動(dòng)”的優(yōu)勢。在圖撲低代碼數(shù)字孿生平臺中自帶豐富的多類型動(dòng)畫設(shè)計(jì)。本篇展示 2.5D 案例動(dòng)畫設(shè)計(jì)效果如下。

（2）智慧醫(yī)療組態(tài)案例

隨著人們對醫(yī)療服務(wù)質(zhì)量要求的日益提升，醫(yī)療機(jī)構(gòu)正積極向智能化轉(zhuǎn)型升級。在新興技術(shù)的助推下，智慧醫(yī)院、互聯(lián)網(wǎng)+醫(yī)療、移動(dòng)醫(yī)療、遠(yuǎn)程醫(yī)療、智能可穿戴設(shè)備在醫(yī)療行業(yè)開始嶄露頭角。

圖撲軟件智慧醫(yī)院組態(tài)設(shè)計(jì)，以 2.5D 組態(tài)形式展現(xiàn)了多層室內(nèi)建筑結(jié)構(gòu)設(shè)計(jì)。即使物理場景設(shè)備布置繁雜，組態(tài)內(nèi)展現(xiàn)的也會(huì)整潔有序。以白色為主基調(diào)，干凈的顏色襯托出智慧醫(yī)療體系的氛圍感。整體界面與電網(wǎng)的重金屬設(shè)計(jì)風(fēng)格截然不同，反而是以插畫的繪畫語言，以及扁平的設(shè)計(jì)理念繪制立體的角度，展現(xiàn)別具一格的插畫藝術(shù)風(fēng)格。

（3）智能家居組態(tài)案例

隨著互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展，智能家居系統(tǒng)日益成為現(xiàn)代生活的一部分，智能家居網(wǎng)絡(luò)拓?fù)湟哺映蔀槭袌龅臒衢T行業(yè)。

智能家居拓?fù)涞陌鍓K運(yùn)用 2.5D 視角呈現(xiàn)家庭網(wǎng)絡(luò)拓?fù)潢P(guān)系圖，使組態(tài)拓?fù)鋱D不再是傳統(tǒng)單一維度的設(shè)計(jì)模式，創(chuàng)新了拓?fù)滢D(zhuǎn)向多維展現(xiàn)的可能性。該設(shè)計(jì)中巧妙融合 2D 面板的設(shè)計(jì)原則，應(yīng)用圖撲數(shù)字孿生平臺中自有豐富的圖表組件進(jìn)行高效搭建。整體圍繞卡通風(fēng)格元素，賦予了界面清新靚麗的視覺效果。

領(lǐng)先的新技術(shù)打造新工具平臺

接過時(shí)代轉(zhuǎn)型升級的接力棒，作為新質(zhì)生產(chǎn)力的圖撲軟件，無論在設(shè)計(jì)工業(yè)組態(tài)界面，還是數(shù)字孿生可視化界面、GIS、VR、BIM 等多領(lǐng)域的設(shè)計(jì)成果日益卓越，設(shè)計(jì)的過程中堪比打造一件件藝術(shù)品。而設(shè)計(jì)的精進(jìn)，得益于技術(shù)的不斷革新和孜孜不倦的自研創(chuàng)新精神。

相較于 InTouch/lFix/WinCC 這些傳統(tǒng)組態(tài)軟件，圖撲基于 Web 的平臺更適合 C/S 向 B/S 轉(zhuǎn)型的大趨勢，多元素豐富的可視化組件和支持快捷的數(shù)據(jù)綁定方式，可用于快速創(chuàng)建和部署。為各類工業(yè)場景提供 2D、2.5D、3D 多種清晰美觀的可視化服務(wù)模式。

同傳統(tǒng)界面相比，圖撲更是滿足工業(yè)物聯(lián)網(wǎng)現(xiàn)代化的、高性能的、跨平臺 (桌面 Mouse /移動(dòng) Touch /虛擬現(xiàn)實(shí) VR) 的圖形展示效果及交互體驗(yàn)。輕松打開移動(dòng)端與終端需求界面，實(shí)現(xiàn)觸屏設(shè)備的單指旋轉(zhuǎn)、雙指縮放、三指平移操作，無需再為跨平臺的不同交互模式所煩惱。

圖撲軟件先進(jìn)的組態(tài)界面非常適用于實(shí)時(shí)監(jiān)控系統(tǒng)的界面呈現(xiàn)，多年來已廣泛應(yīng)用于電信網(wǎng)絡(luò)拓?fù)浜驮O(shè)備管理，以及工業(yè)生產(chǎn)、城市園區(qū)、軌道交通、電力能源、倉儲(chǔ)物流、化工冶金等工業(yè)自動(dòng)化 (HMI/SCADA/MMI) 領(lǐng)域， 業(yè)務(wù)涵蓋數(shù)據(jù)展示、態(tài)勢感知、科學(xué)決策等全生命周期監(jiān)控。將目光鎖定在諸多產(chǎn)業(yè)鏈瓶頸環(huán)節(jié)，以數(shù)字技術(shù)與各領(lǐng)域融合應(yīng)用為導(dǎo)向，推動(dòng)行業(yè)跨界創(chuàng)新，致力成為我國工業(yè)互聯(lián)網(wǎng)領(lǐng)域的國產(chǎn)化擔(dān)當(dāng)和圖形組態(tài)領(lǐng)域的領(lǐng)導(dǎo)性品牌。

審核編輯 黃宇