項目背景

北方華創始終秉承“推動產業進步，創造無限可能”的企業使命，立足半導體基礎產品領域，深耕半導體裝備、真空及鋰電裝備和精密電子元器件等業務領域，產品廣泛應用于集成電路、先進封裝、半導體照明、第三代半導體、新能源光伏、新型顯示、真空熱處理、新能源鋰電等領域，致力于成為半導體基礎產品領域值得信賴的引領者。

現有設備控制平臺客戶端框架，已經發布 10 余年，界面框架分發給不同產品系獨立維護，導致公司界面框架沒有形成統一風格標準，很多控件被重復開發。隨著時間推移，華創客戶端應用與現有其它公司產品相比，在 UI 渲染效果，用戶體驗，客戶端應用穩定性等諸多方面都出現了明顯的技術差距和用戶體驗差距，迫切需要在新一代控制平臺設計的初期，規范 UI 設計標準，向行業領先技術發展趨勢看齊。

場景挑戰

復雜性：刻蝕軟件通常需要處理非常復雜的圖像和模型，因此軟件界面的設計需要能夠清晰展示所有相關信息，并讓用戶能夠快速、準確地獲取需要的信息。這意味著需要設計出簡單直觀、易于理解的界面，同時盡可能避免讓用戶感到不適或疲勞。

動態性：刻蝕軟件在操作過程中可能會出現許多動態變化，例如，加工進度的實時更新、圖形模擬效果等等。這就要求軟件界面需要能夠快速響應并展示這些動態變化，同時保證界面的穩定性和流暢性。

多平臺適配：刻蝕軟件在不同的平臺和設備上運行時，需要保證用戶體驗的一致性和穩定性。因此，軟件界面設計需要考慮多個平臺上的不同分辨率、不同屏幕尺寸和不同操作系統的差異，并確保軟件能夠適配不同的設備。

方案價值

提升軟件的美觀性：美觀的軟件界面可以提供更愉悅的用戶體驗。清晰、直觀的布局、合適的顏色搭配和美觀的圖標可以幫助用戶更容易地理解和使用軟件，減少學習成本和操作困難，從而提高用戶滿意度。

提高用戶體驗：通過提升用戶體驗，用戶更容易學習和使用軟件，減少操作困難和學習成本。他們能夠更快速地完成任務，獲得預期的結果。這樣可以提高用戶的滿意度，使其更愿意長期使用和推薦該軟件。

機械手不同狀態繪制

右邊是工作流程中的機械臂，機械臂設計了不同的臂狀態，以便用戶后期 進行替換和復用，整個設計風格也迭代了好幾版，風格需要和界面保持統 一，同時還需要體現工業風的特點和機械臂金屬材質的堅硬特點。

設計體系UI規范的建立

設計完成后我們還制定了統一的設計體系規范，UI規范不僅可以幫助開發人員更好的的還原設計圖樣式，還便于用戶在同一系列的其它產品線上應用。

結合實際業務場景和原子設計理論，將組件劃分為不同顆粒度：基礎組件、業務組件、典型頁面組件，以適用于不同研發場景使用。梳理具有業務特點的典型頁面，相比基礎組件和業務組件，典型頁面更加具體，為用戶提供具有代表性的內容和框架，并準確描述用戶最終看到的內容。如列表和左樹右表典型頁面組件，作為最為常見的頁面結構，各業務場景可復用頁面組件，保證了頁面組件內各基礎組件的一致性，最大程度的實現不同的產品線產品中頁面體驗的一致性。