華潤(rùn)電力東北大區(qū)大數(shù)據(jù)平臺(tái)界面設(shè)計(jì)

華潤(rùn)電力東北大區(qū)大數(shù)據(jù)平臺(tái)界面設(shè)計(jì)

交互設(shè)計(jì) | 界面設(shè)計(jì)

交互設(shè)計(jì) | 界面設(shè)計(jì)

此項(xiàng)目是為一個(gè)全國(guó)性的發(fā)電集團(tuán)建設(shè)一個(gè)數(shù)據(jù)監(jiān)視分析的大數(shù)據(jù)平臺(tái),此電力集團(tuán)下屬有10個(gè)大區(qū),每個(gè)大區(qū)少到有2個(gè)項(xiàng)目公司,多到有10個(gè)項(xiàng)目公司,包括火電,新能源風(fēng)電,太陽(yáng)能等。本期項(xiàng)目計(jì)劃建設(shè)一個(gè)匯集各項(xiàng)目公司離散數(shù)據(jù)的統(tǒng)一大數(shù)據(jù)平臺(tái),并通過(guò)大數(shù)據(jù)分析、人工智能來(lái)輔助專(zhuān)家團(tuán)隊(duì)決策的集中監(jiān)測(cè)與分析專(zhuān)家系統(tǒng)。通過(guò)系統(tǒng)建設(shè)達(dá)到提升效益、提 率的目標(biāo),同時(shí)推動(dòng)運(yùn)營(yíng)管理的流程化、標(biāo)準(zhǔn)化、專(zhuān)業(yè)化、信息化、移動(dòng)化、開(kāi)放化、智能化。

大數(shù)據(jù)監(jiān)控和態(tài)勢(shì)感知界面,使用場(chǎng)景通常在大屏幕進(jìn)行數(shù)據(jù)展示。視覺(jué)設(shè)計(jì)上背景運(yùn)用視覺(jué)上最易長(zhǎng)期觀看的深藍(lán)色加少許星空?qǐng)D案豐富設(shè)計(jì)細(xì)節(jié)、營(yíng)造出視覺(jué)深度,圖表統(tǒng)計(jì)使用亮色,強(qiáng)對(duì)比,增強(qiáng)視覺(jué)沖擊力,網(wǎng)格線高光等細(xì)節(jié)的設(shè)計(jì)增強(qiáng)了界面科技感。

設(shè)計(jì)思路

大區(qū)地圖

東北大區(qū)地圖使用俯視效果營(yíng)造界面空間感,使用亮色和背景形成對(duì)比突出重點(diǎn),加入紋理使地圖更加有質(zhì)感。地圖上方添加各項(xiàng)目公司機(jī)組運(yùn)行總數(shù)和停運(yùn)總數(shù)統(tǒng)計(jì)圖便于用戶(hù)了解項(xiàng)目公司概況。紅色預(yù)警擴(kuò)散區(qū)域考慮某個(gè)項(xiàng)目公司機(jī)組出現(xiàn)告警可在地圖上動(dòng)態(tài)展示增加界面整體動(dòng)態(tài)效果。

靈活的交互動(dòng)效形式

環(huán)保指標(biāo)信息左側(cè)使用比較流行得時(shí)間切換效果,支持鼠標(biāo)滑動(dòng)和自動(dòng)跳轉(zhuǎn),右側(cè)顯示當(dāng)前公司環(huán)保指標(biāo)詳細(xì)信息,水文波動(dòng)和自由滾動(dòng)碰撞效果。

大數(shù)據(jù)表圖化直觀形象展示

突出實(shí)時(shí)度電成本總計(jì)金額和同比是增長(zhǎng)還是下降,下方使用折線圖來(lái)動(dòng)態(tài)顯示各項(xiàng)目公司當(dāng)前時(shí)段和歷史12小時(shí)數(shù)據(jù)。

分公司項(xiàng)目度電成本用排行形式直接展示下方各個(gè)公司自動(dòng)切換,減少用戶(hù)操作。

華潤(rùn)電力東北大區(qū)大數(shù)據(jù)平臺(tái)界面設(shè)計(jì)大數(shù)據(jù)表圖化直觀形象展示

  返回