<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 光譜多指標(biāo)快速分析軟件UI界面設(shè)計(jì)及動(dòng)效

          光譜多指標(biāo)快速分析軟件UI界面設(shè)計(jì)及動(dòng)效

          html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì) | 圖標(biāo)設(shè)計(jì)

          html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì) | 圖標(biāo)設(shè)計(jì)

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

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

          產(chǎn)品定位

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

          目標(biāo)用戶

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

          設(shè)計(jì)風(fēng)格

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

          油氣檢測軟件UI界面設(shè)計(jì)

          前期通過客戶提供的原型圖,藍(lán)藍(lán)設(shè)計(jì)人員為其提供四種設(shè)計(jì)方案供用戶選擇,效果圖如右圖所示。

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

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

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

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

          油氣檢測軟件UI界面設(shè)計(jì)

          方案一

          油氣檢測軟件UI界面設(shè)計(jì)

          方案二

          油氣檢測軟件UI界面設(shè)計(jì)

          方案三

          油氣檢測軟件UI界面設(shè)計(jì)

          方案四

          油氣檢測軟件UI界面設(shè)計(jì)

          藍(lán)藍(lán)設(shè)計(jì)人員將原型圖中的logo放置右側(cè),讓用戶一眼看到,能夠加強(qiáng)品牌的感知度。

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

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

          油氣檢測軟件UI界面設(shè)計(jì)

          原型圖

          油氣檢測軟件UI界面設(shè)計(jì)

          藍(lán)藍(lán)設(shè)計(jì)

          油氣檢測軟件UI界面設(shè)計(jì)

          藍(lán)藍(lán)設(shè)計(jì)

          油氣檢測軟件UI界面設(shè)計(jì)

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

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

          油氣檢測軟件UI界面設(shè)計(jì)

          原型圖

          油氣檢測軟件UI界面設(shè)計(jì)

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

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

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

          油氣檢測軟件UI界面設(shè)計(jì)

          原型圖

          油氣檢測軟件UI界面設(shè)計(jì)

          藍(lán)藍(lán)設(shè)計(jì)

          油氣檢測軟件UI界面設(shè)計(jì)

          藍(lán)藍(lán)設(shè)計(jì)

          油氣檢測軟件UI界面設(shè)計(jì)

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

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

          油氣檢測軟件UI界面設(shè)計(jì)

          原型圖

            返回

          国产精品久久久亚洲| 久久精品夜夜夜夜夜久久| 久久亚洲高清观看| 色偷偷888欧美精品久久久| 色综合色天天久久婷婷基地 | 国产精品久久影院| AV狠狠色丁香婷婷综合久久 | 香蕉久久影院| 国产精品九九久久免费视频 | 久久国产热精品波多野结衣AV| 日韩久久久久中文字幕人妻| 理论片午午伦夜理片久久| 中文字幕无码久久人妻| 久久综合色老色| 久久99亚洲网美利坚合众国| 久久久久国产精品嫩草影院 | 亚洲国产成人精品久久久国产成人一区二区三区综 | 久久久综合香蕉尹人综合网| 免费精品久久久久久中文字幕| 精品伊人久久大线蕉色首页| 精品久久无码中文字幕| 精品无码久久久久久久久久| 一级做a爰片久久毛片看看| 日本欧美久久久久免费播放网 | 热久久这里只有精品| 久久久久久久久久久| 久久青青国产| 久久精品成人免费国产片小草| 精品久久久久久国产91| 国产精品女同久久久久电影院| 久久人人爽人人爽人人片AV东京热| 精品欧美一区二区三区久久久 | 91超碰碰碰碰久久久久久综合| 欧美激情一区二区久久久| 久久丝袜精品中文字幕| 国产一区二区三精品久久久无广告| 国产精品美女久久久| 狠狠干狠狠久久| 免费国产99久久久香蕉| 一本一道久久精品综合| 久久99精品久久久久久齐齐 |