項(xiàng)目背景

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

現(xiàn)有設(shè)備控制平臺(tái)客戶端框架，已經(jīng)發(fā)布 10 余年，界面框架分發(fā)給不同產(chǎn)品系獨(dú)立維護(hù)，導(dǎo)致公司界面框架沒有形成統(tǒng)一風(fēng)格標(biāo)準(zhǔn)，很多控件被重復(fù)開發(fā)。隨著時(shí)間推移，華創(chuàng)客戶端應(yīng)用與現(xiàn)有其它公司產(chǎn)品相比，在 UI 渲染效果，用戶體驗(yàn)，客戶端應(yīng)用穩(wěn)定性等諸多方面都出現(xiàn)了明顯的技術(shù)差距和用戶體驗(yàn)差距，迫切需要在新一代控制平臺(tái)設(shè)計(jì)的初期，規(guī)范 UI 設(shè)計(jì)標(biāo)準(zhǔn)，向行業(yè)領(lǐng)先技術(shù)發(fā)展趨勢(shì)看齊。

場(chǎng)景挑戰(zhàn)

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

動(dòng)態(tài)性：刻蝕軟件在操作過程中可能會(huì)出現(xiàn)許多動(dòng)態(tài)變化，例如，加工進(jìn)度的實(shí)時(shí)更新、圖形模擬效果等等。這就要求軟件界面需要能夠快速響應(yīng)并展示這些動(dòng)態(tài)變化，同時(shí)保證界面的穩(wěn)定性和流暢性。

多平臺(tái)適配：刻蝕軟件在不同的平臺(tái)和設(shè)備上運(yùn)行時(shí)，需要保證用戶體驗(yàn)的一致性和穩(wěn)定性。因此，軟件界面設(shè)計(jì)需要考慮多個(gè)平臺(tái)上的不同分辨率、不同屏幕尺寸和不同操作系統(tǒng)的差異，并確保軟件能夠適配不同的設(shè)備。

方案價(jià)值

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

提高用戶體驗(yàn)：通過提升用戶體驗(yàn)，用戶更容易學(xué)習(xí)和使用軟件，減少操作困難和學(xué)習(xí)成本。他們能夠更快速地完成任務(wù)，獲得預(yù)期的結(jié)果。這樣可以提高用戶的滿意度，使其更愿意長(zhǎng)期使用和推薦該軟件。

機(jī)械手不同狀態(tài)繪制

右邊是工作流程中的機(jī)械臂，機(jī)械臂設(shè)計(jì)了不同的臂狀態(tài)，以便用戶后期 進(jìn)行替換和復(fù)用，整個(gè)設(shè)計(jì)風(fēng)格也迭代了好幾版，風(fēng)格需要和界面保持統(tǒng) 一，同時(shí)還需要體現(xiàn)工業(yè)風(fēng)的特點(diǎn)和機(jī)械臂金屬材質(zhì)的堅(jiān)硬特點(diǎn)。

設(shè)計(jì)體系UI規(guī)范的建立

設(shè)計(jì)完成后我們還制定了統(tǒng)一的設(shè)計(jì)體系規(guī)范，UI規(guī)范不僅可以幫助開發(fā)人員更好的的還原設(shè)計(jì)圖樣式，還便于用戶在同一系列的其它產(chǎn)品線上應(yīng)用。

結(jié)合實(shí)際業(yè)務(wù)場(chǎng)景和原子設(shè)計(jì)理論，將組件劃分為不同顆粒度：基礎(chǔ)組件、業(yè)務(wù)組件、典型頁面組件，以適用于不同研發(fā)場(chǎng)景使用。梳理具有業(yè)務(wù)特點(diǎn)的典型頁面，相比基礎(chǔ)組件和業(yè)務(wù)組件，典型頁面更加具體，為用戶提供具有代表性的內(nèi)容和框架，并準(zhǔn)確描述用戶最終看到的內(nèi)容。如列表和左樹右表典型頁面組件，作為最為常見的頁面結(jié)構(gòu)，各業(yè)務(wù)場(chǎng)景可復(fù)用頁面組件，保證了頁面組件內(nèi)各基礎(chǔ)組件的一致性，最大程度的實(shí)現(xiàn)不同的產(chǎn)品線產(chǎn)品中頁面體驗(yàn)的一致性。