中科科儀圖像分析軟件交互及UI界面設計
發表于：
01
項目背景
北京中科科儀股份有限公司（簡稱中科科儀），前身為中國科學院北京科學儀器研制中心（原中國科學院科學儀器廠），成立于1958年，中科科儀秉承“創新科學儀器，發展一流企業”使命，以一流電子光學和真空技術，打造尖端科學儀器設備及高端裝備制造國家隊，為強化國家戰略科技力量、實現科技自立自強做出新的貢獻。分析儀器主要應用場景：集成豐富的圖像處理功能，為新能源、半導體等用戶提供全新解決方案。
在本次合作中，中科科儀委托蘭亭妙微負責相關界面的交互設計與視覺設計工作。雙方以 “持續優化交互體驗、突出模塊化設計” 為核心方向，通過提升軟件易用性傳遞 “以用戶為中心” 的產品理念，進一步增強用戶對品牌的信任感。同時，針對重點頁面制定統一設計規范，便于開發工程師以此為參照優化軟件內的同類頁面。合作過程中，雙方保持及時溝通，最終達成了高效、優質的工作成果。
02
項目概述
產品定位
分析儀器以真空技術為根基，以粒子物理分析為核心手段，定位為 “多學科微觀分析的基礎設施”，既服務于科研領域的前沿探索，又支撐工業界的精密質控，其本質是通過真空環境下的高精度檢測能力，為物質解析提供從 “現象觀測” 到 “決策依據” 的全流程價值賦能。
目標用戶
儀器的用戶本質是 “高精度分析需求的剛性群體”，既包括以 “探索未知” 為目標的科研工作者，也涵蓋以 “控制風險” 為核心的工業質控人員。他們的共性是：需要借助真空環境下的分析技術，解決常壓手段無法攻克的微觀檢測難題，且愿意為 “技術精度”“可靠性” 支付溢價，是典型的 “技術驅動型” 需求群體。
設計風格
重構信息模塊，設計風格采用簡約的設計語言，清晰、簡潔和直觀的表達方式。配色采用藍色，這種色彩能夠傳達出品牌的專業性、穩定性和信賴感，有助于塑造積極的品牌形象。有助于增強用戶與頁面內容的情感聯系，提高用戶的參與度和滿意度。
03
設計亮點
布局清晰，以邏輯化信息架構降低認知負荷；交互友好，用人性化設計消解操作難題
右側是客戶給的原型，原型頁面中浮動窗口比較多，操作時容易遮擋中間的圖像區，調整后將“操作”“導航”“自動臺”“操作記錄”統一采用tab切換的形式在右側展示。中間是圖像操作區，左側是圖像操作的一些工具按鈕。最下邊是縮略圖，可以左右滑動查看更多。
設計后主要分為是三個大的模塊，左側是菜單區，中間是圖像區，右側是操作區，并且圖像的操作直接在圖上區域上方采用線性圖標直觀明了，可以幫助用戶快速找到相對應操作。
設計前后對比
04
其它方案
設計思考：該方案圍繞科研觀測場景構建布局，采用左中右三分結構實現功能有序分配。左側為系統主操作菜單區，以簡潔圖標搭配文字，快速引導用戶調用文件、查看、掃描等基礎功能，建立清晰操作路徑。 中間作為核心圖像交互區，上層設置圖像操作工具，覆蓋采集、分析常用功能；中間為大尺寸查看及操作區，充分展示顯微圖像細節，滿足科研觀測對清晰視效的需求；下層排布圖像縮略圖，支持多組數據快速切換對比，適配樣本批量分析場景。 右側是操作設置區，將高壓、束流等專業參數以可視化控件呈現，滑塊調節結合數值顯示，讓參數調整直觀高效，同時 “標準 / 快捷成像” 雙模式，兼顧常規與快速觀測需求 。 視覺呈現上，運用漸變光影營造科技氛圍，契合電子顯微鏡的精密屬性；色彩搭配簡潔克制，以深色為底突出圖像與功能區，保障信息清晰傳達。通過圖標簡化、數據可視化轉化，把復雜科研參數轉化為易懂交互形式，提升信息傳遞效率，助力科研人員專注觀測分析，在功能落地與體驗營造間，實現專業工具的易用性平衡。
設計思考：方案重構界面布局，主菜單以圖標化形式整合到標題欄，簡潔直觀。內容區左側縱向排布縮略圖，依托滾動條拓展瀏覽容量；中間作為核心圖像操作區，聚焦觀測與交互；右側為參數操作區，功能分區清晰。 主題色選用品牌藍色，既借色彩強化品牌識別、維系品牌一致性，又以藍色蘊含的信任與專業屬性，搭配現代界面元素，營造出穩重且具科技感的視覺氛圍，契合科研軟件專業定位，助力高效操作與品牌印象傳遞 。
05
界面欣賞
