欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

光譜多指標快速分析軟件UI界面設計及動效

光譜多指標快速分析軟件UI界面設計及動效

html前端 | 交互設計 | 視覺設計 | 圖標設計

html前端 | 交互設計 | 視覺設計 | 圖標設計

西派特(北京)科技有限公司是研發(fā)和制造科學儀器和智能工業(yè)儀表的國家高新技術企業(yè),公司總部位于北京經(jīng)濟技術開發(fā)區(qū)。產(chǎn)品是將光譜與物質(zhì)物化性質(zhì)全息智能分析技術相結合,開發(fā)制造的快檢設備,可快速檢測液體、固體、氣體物料的多種性質(zhì)指標。適用于煉油、化工、煤炭、電力、生物發(fā)酵等領域。

該軟件由北京西派特科技有限公司委托藍藍設計負責界面視覺設計、交互設計。藍藍設計人員通過前期詳細溝通,參考大量相關競品,為其提供四種方案視覺設計。最終雙方確定方案一設計風格,后續(xù)根據(jù)客戶提供的原型圖及需求完成其他頁面設計。

產(chǎn)品定位

公司研發(fā)的分子光譜物質(zhì)鑒別與性質(zhì)感知技術,將分子光譜(包括中紅外、近紅外和拉曼等)與數(shù)據(jù)庫信息挖掘技術相結合,實現(xiàn)即時物質(zhì)鑒別與性質(zhì)測定,為油品快速分析而開發(fā),具有檢測速度快、結果準確、操作方便、維護簡單等優(yōu)點。

目標用戶

西派特光譜多指標快速分析軟件通過與先進的定標數(shù)據(jù)庫技術相結合,該儀器能檢測油品多種性能指標的需求。適用于市場監(jiān)管部門及煉油、化工企業(yè)開展成品油快速篩查、原材料進廠檢測、化驗室中控分析、加油站油品品質(zhì)監(jiān)控。

設計風格

此次藍藍設計共為該軟件設計了四種方案,最終確定方案一。其主要風格偏向簡潔大方,呈現(xiàn)嚴謹統(tǒng)一的視覺體驗,使界面更加干凈整潔。通過層級,大小,顏色,字體的區(qū)分在展現(xiàn)數(shù)據(jù)的清晰的同時,內(nèi)容層次分明,保留一定的空間感與呼吸感。

油氣檢測軟件UI界面設計

前期通過客戶提供的原型圖,藍藍設計人員為其提供四種設計方案供用戶選擇,效果圖如右圖所示。

方案一:簡約淡雅優(yōu)美,將?視覺關注點集中在信息本身。 ??分為?頭、背景圖、表格部分,形成空間層感。 表格設計不同尋常,層次清晰、現(xiàn)代。 表頭字體和內(nèi)?字體有深淺變化,重點突出。超標或不達標有圖符顯著示意。

方案二:本?案與之前設計的其它產(chǎn)品?格?致。顏?采?深灰為背景?、藍?為主?調(diào),具有科技感,主背景使??業(yè)紋理的效果,體現(xiàn)?業(yè)精準度。圖標顏?和內(nèi)容顏?都是同??系,在體現(xiàn)科技感的同時,?不失穩(wěn)重。

方案三:藍?頂部?格下,其它細節(jié)表達?式的嘗試。

方案四:藍?頂部?格下,其它細節(jié)表達?式的嘗試。

油氣檢測軟件UI界面設計

方案一

油氣檢測軟件UI界面設計

方案二

油氣檢測軟件UI界面設計

方案三

油氣檢測軟件UI界面設計

方案四

油氣檢測軟件UI界面設計

藍藍設計人員將原型圖中的logo放置右側,讓用戶一眼看到,能夠加強品牌的感知度。

首頁功能區(qū)采用現(xiàn)在流行的扁平化風格,檢測和數(shù)據(jù)圖標融入代表行業(yè)屬性的設計元素,提升產(chǎn)品專業(yè)度。同時采用藍色,增強品牌認知。

首頁主要展示檢測數(shù)據(jù),該頁面數(shù)據(jù)與數(shù)據(jù)之間留有空白,同時重要信息用不同顏色的色塊進行區(qū)分,將復雜的數(shù)據(jù)以清晰簡潔的方式呈現(xiàn)給用戶,提升用戶的產(chǎn)品體驗。

油氣檢測軟件UI界面設計

原型圖

油氣檢測軟件UI界面設計

藍藍設計

油氣檢測軟件UI界面設計

藍藍設計

油氣檢測軟件UI界面設計

該頁面為檢測頁面的僅采譜頁面。右側通過滑動滾動條可以看到更多編號信息,提升使用效率。數(shù)據(jù)列表時通過顏色深淺區(qū)分顯示是否點擊,使內(nèi)容層級明確。

我們可以看到原型圖中功能區(qū)放置左側,藍藍設計人員將功能區(qū)放置右側,這樣做的目的一是一般情況下人眼視覺重點在右側,更方便用戶操作;二是可以左右平衡,加強視覺比例。

油氣檢測軟件UI界面設計

原型圖

油氣檢測軟件UI界面設計

數(shù)據(jù)頁面用戶通過搜索框,輸入想查找的樣本。完成輸入后,即顯示相關樣本數(shù)據(jù)信息。通過點選數(shù)據(jù),來進行刪除、保持、打印的操作。

藍藍設計人員將原型圖右側中的查詢、刪除、保存、打印功能放置界面上面,即節(jié)省頁面的空間,又可以簡單高效的傳達給用戶,同時增強頁面的美觀性。

數(shù)據(jù)頁列表采取與檢測頁相同樣式的列表樣式,保證界面的統(tǒng)一規(guī)范,減少后期項目的開發(fā)成本。

油氣檢測軟件UI界面設計

原型圖

油氣檢測軟件UI界面設計

藍藍設計

油氣檢測軟件UI界面設計

藍藍設計

油氣檢測軟件UI界面設計

設置頁面包括基本參數(shù)、譜儀狀態(tài)、清洗參數(shù)和實時能量圖這四個功能板塊。

客戶提供的原型圖將三個功能橫向、圖表縱向的布局進行擺放,藍藍設計人員將所有板塊縱向排列擺放,這樣做的目的是為了保持視覺的統(tǒng)一性,同時用戶看內(nèi)容信息也會更輕松,不易分散用戶的注意力。

油氣檢測軟件UI界面設計

原型圖

  返回

主站蜘蛛池模板: 波多野结衣在线中文 | 成人在线一区二区三区 | 亚洲日本va午夜中文字幕 | 国产精品原创视频 | 国产黄频在线观看 | 成人天堂入口网站 | 千金奴隶在线 | 香蕉久久久久久狠狠色 | 大象传媒免费网址 | 脱女学小内内摸出水网站免费 | 性直播免费 | 国产大秀视频 | 五月激激激综合网色播免费 | 国产精品区牛牛影院 | 青青草原在线 | 日韩永久在线观看免费视频 | 成年人视频在线免费观看 | 免费观看无人区完整版 | 波多 在线播放 | 王小军怎么了最新消息 | 久久久乱码精品亚洲日韩 | 国产视频在线一区 | 亚洲成年人在线观看 | 视频大全在线观看网址 | 精品国产一级毛片大全 | 国产 国语对白 露脸正在播放 | 日韩欧美色 | 全色黄大色黄大片爽一次 | 农村妇女野外牲交一级毛片 | 边吃胸边膜下刺激免费男对女 | 草草剧场 | 女八把屁股扒开让男生添 | 我们日本在线观看免费动漫下载 | 亚洲欧美7777 | 欧美成人aa久久狼窝动画 | 国产91精品在线播放 | 出轨娇妻的呻吟1—9 | 99热成人精品免费久久 | 99福利影院 | 国产午夜亚洲精品理论片不卡 | 色综合亚洲天天综合网站 |