精密機械研究發展中心
Execution
以風格與結構雙軸優化,提升操作效率與階層辨識
設計目標 Design Goals
為了讓工廠生產達到最佳效率,遊石在操作介面設計上除了著重易用性、簡潔性、美觀性之外,為了建構更即時全面的工廠管理,遊石採用適合的 UI 設計風格,並強調各生產層級之間的串連。以下簡單列舉三項本專案的風格設計重點:
新擬物風格 Neumorphism
新擬物風格極具未來感,兼具扁平化的簡潔性,以及擬物化的質感,我們認為十分適合這次專案使用。此風格於 2019 年設計師 Alexander Plyuto 所提出的「Skeuomorph Mobile Banking」作品當中最早出現,並被選為 2020 年介面趨勢。
深色模式 Dark Mode
管理系統內含許多圖表、表格、數值以及燈號,深色模式能讓重點內容更凸顯,即便在昏暗的環境當中也可以舒適觀看內容而不感到刺眼。
卡片式設計 Card Design
工廠管理常需要呈現同一層級下的多種資訊,因此使用卡片式風格最為適合,除了能夠將各個不同類型的內容彼此區分之外,也便於日後進行跨平台的 RWD 介面設計。


設計細節 Design Details
大型選單 Mega Menu
生產管理系統的功能龐雜眾多,經討論之後我們決定使用 Mega Menu 作為選單的設計方式,除了可以讓使用者更方便在各頁面之間作切換之外,也能夠一目瞭然目前所在頁面的位置,使用時不容易感到困惑。(註:目前階段其他頁面選項暫以 Disable 狀態處理)
顏色使用 Colour
系統的主要互動顏色設定為藍色,符合PMC 的企業主色,而其他各種圖表、狀態,都根據其相關性使用相同的配色(例如性能稼動率與運轉有關,因此兩者都使用綠色),讓使用者能在最短時間判讀內容、做出決策,並將其他資訊的顏色使用控制在最小程度。

Conclusion
以設計連結工序與任務,打造智慧製造的使用者體驗基礎
在本次與 PMC 智慧生產管理系統的合作中,遊石設計不僅協助建立資訊架構與系統規範,也透過操作介面與視覺語言的優化,協助使用者更清楚地理解流程節點與任務層級,提升整體系統的使用效率與辨識清晰度。
從風格規劃到元件系統,我們在設計上兼顧了工業管理的嚴謹邏輯與實用操作的流暢體驗。透過 Neumorphism 與深色模式等風格選擇,結合卡片式模組設計,讓複雜的工序資訊層層有序,亦為後續系統模組擴充與平台一致性打下基礎。