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