對于一個工程項目來說，HMI界面是用戶與機器溝通的唯一方式。因此，視覺效果、信息傳遞方式、操作流暢度等都是良好的人機交互體驗的重要組成部分。在視覺效果中，HMI的界面風格非常重要，操作員對整個項目的操作都是基于界面進行的，簡潔、直觀、易用的風格可以讓操作人員更靈活高效地進行生產操作。本文我們給各位小伙伴介紹一下西門子即將發(fā)布的WinCC Unified暗色界面風格的項目。WinCC Unified自帶標準的亮色模式設計系統(tǒng)，許多用戶在實際使用時，需要在昏暗的環(huán)境中使用Unified面板，當他們需要長時間在面板上操作時，亮色的配色方案可能會導致客戶眼部疲勞影響操作等問題。為了解決此類問題，西門子HMI設計團隊經過討論和共創(chuàng)，開發(fā)了暗色模式。暗色模式利用了WinCC Unified可以自定義風格的特點，給客戶提供了更多的選擇方式。特定的模式采用統(tǒng)一的布局和設計，更易于使用和維護，有助于HMI項目的標準化流程。?一個模式風格的主色是非常重要的，要考慮到與西門子整體視覺風格契合、與標準白色的對比度符合Accessibility的AA標準（達到4.5分及以上）來保證暗色模式下在其上方的文字清晰可讀，同時也要保證用戶在昏暗環(huán)境中可以長時間注視。最后選擇暗色模式主色如下圖所示：

在定義主色后，我們進一步定義了由主色延伸出的共十個梯度的配色用于標準化項目。這些色值將會被用在不同場景和狀態(tài)。例如Primary 300 (#82CCD0) 將被用作文字、Primary 700 (#4B4B5C) 會被用作按鈕組件在激活狀態(tài)下的背景色。

對于背景色，因為用戶界面一般會存在多個圖層（比如一個大的圖層堆疊在背景之上，而一些小的表格又堆疊在大的圖層之上），相對于亮色模式僅通過白、灰亮色就可以清晰的顯示圖層的層級，暗色模式的背景色的選擇相對復雜。經過對比我們選擇了現(xiàn)代且與主色更搭的暗藍色。

應用了暗色模式的WinCC Unified項目如下圖所示。

暗色模式可以讓用戶簡潔、直觀地操作HMI項目，更加輕松地完成各種操作任務。亮色模式和暗色模式可以通過切換組合使用讓用戶更加輕松地完成各種操作任務，提高工作效率和安全性。