方案價(jià)值

助力建設新型能源體系
增強品牌形象 提品競爭力
能源行業(yè)UI設計案例
提高工作效率和產(chǎn)品滿(mǎn)意度
降低培訓成本增強安全性
能源行業(yè)UI設計案例
  • 助力建設新型能源體系

    全球能源危機正在惡化,積極推動(dòng)智能生產(chǎn),推動(dòng)能源產(chǎn)業(yè)與數字技術(shù)融合發(fā)展,賦能全產(chǎn)業(yè)提質(zhì)增效,全面助力建設新型能源體系。在節能降耗時(shí),充分考慮人們節能行為與舒適之間的平衡,人性化的智能引導人們的節能行為,實(shí)現精益節能、高效運維。

  • 增強品牌形象提品競爭力

    對于能源企業(yè)來(lái)說(shuō),專(zhuān)業(yè)、先進(jìn)的UI設計可以提升企業(yè)的形象,使其在行業(yè)中更具競爭力,隨著(zhù)市場(chǎng)的發(fā)展、政企業(yè)用戶(hù)對于產(chǎn)品的要求也越來(lái)越高,大型項目也需要投標。優(yōu)秀的UI設計和產(chǎn)品易用度可以使產(chǎn)品在市場(chǎng)上更具吸引力,從而提升產(chǎn)品的競爭力。

  • 提高工作效率和產(chǎn)品滿(mǎn)意度

    良好的UI設計可以使能源行業(yè)設備和系統的操作更加直觀(guān)和高效,從而提高工作效率。良好的UI設計可以使操作界面更加直觀(guān)、易于使用,從而提高用戶(hù)的滿(mǎn)意度和工作效率。

  • 降低培訓成本增強安全性

    通過(guò)模擬真實(shí)的操作環(huán)境,UI設計可以幫助新員工更快地熟悉設備和系統的操作,從而降低培訓成本。通過(guò)提供清晰、準確的指示和警告信息,UI設計可以幫助操作員避免潛在的危險。

方案亮點(diǎn)

01 從需求出發(fā),重新梳理框架結構,進(jìn)行交互及布局優(yōu)化

全局化的設計是視覺(jué)統一的保證。在進(jìn)行前期調研時(shí)發(fā)現,改版前的系統集成了較多功能,每種功能布局都不相同,這樣就會(huì )出現視覺(jué)語(yǔ)言的不統一。我們再后期的設計中,遵循“框架-布局-細節”的設計思路,將頁(yè)面功能重新梳理,提煉出全新的視覺(jué)語(yǔ)言和頁(yè)面布局,確保視覺(jué)的統一性。目標人群和產(chǎn)品使用場(chǎng)景是決定產(chǎn)品設計的基礎性因素。我們在產(chǎn)品架構設計時(shí),仔細研究目標用戶(hù)使用場(chǎng)景,模擬用戶(hù)操作過(guò)程中所有可能行為,精簡(jiǎn)產(chǎn)品架構,優(yōu)化頁(yè)面層級,合并頁(yè)面內容,創(chuàng )新頁(yè)面展示方式。

能源行業(yè)UI設計思維導圖

思維導圖

能源行業(yè)UI設計客戶(hù)手稿

客戶(hù)手稿

能源行業(yè)UI設計原型圖

原型圖

能源行業(yè)UI設計案例

最終設計稿

02 注重簡(jiǎn)潔的界面和直觀(guān)的用戶(hù)體驗,大屏以數據本身體現信息的傳達

  采用扁平化和卡片相結合的設計風(fēng)格,摒棄了多余的裝飾圖標和細節,注重簡(jiǎn)潔的界面和直觀(guān)的用戶(hù)體驗,以數據本身體現設計,突出重要數據信息,使界面更加干凈、清晰,用戶(hù)可以更快速地理解和操作??ㄆO計采用區塊化結構,使層次清晰易讀,利用卡片形成的畫(huà)面區域,內容呈現更加集中,有利于突出重點(diǎn)信息。

低碳園區大屏UI設計低碳園區案例
03 多種信息圖結合對能源業(yè)務(wù)的理解,準確表達數據內涵,展現數據之美

信息圖、數據報表可以包含很多內容,是傳遞信息和數據的絕佳工具。將大量客觀(guān)而理性的數據以直觀(guān)而藝術(shù)的方式展現在用戶(hù)面前,“冰冷”的數據和統計結果因分析和設計而變得“有了溫度”,信息和數據因此變得生動(dòng)有趣,

多種信息圖UI設計案例
多種信息圖UI設計案例
04 將千篇一律的B端能源設備管理軟件設計的優(yōu)雅人性化,展現整體之美

雖然經(jīng)常有人說(shuō),B端軟件功能最重要,設計的實(shí)用性大于美觀(guān),但是B端界面呈現的數據圖表之美也是一種特色。圖標細節、風(fēng)格格調、數據可視化、信息結構層級排版構成了整體之美。

光伏電站圖標設計2.5D
電站軟件UI設計案例
05 3D渲染效果圖或2.5D插畫(huà)圖形象表達港口煤炭裝載運營(yíng)管理數據可視化

攜手共進(jìn),揚帆起航,基于港口裝截地理位置,通過(guò)孿生場(chǎng)景或2.5D的數字化重現,全方位演示港口煤炭運輸全產(chǎn)業(yè)鏈運轉流程,從宏觀(guān)角度實(shí)時(shí)監控港口重點(diǎn)數據內容,協(xié)助客戶(hù)日常業(yè)務(wù)展示及領(lǐng)導匯報,對各類(lèi)異常事件進(jìn)行可視化預警告警,實(shí)時(shí)掌握整體運行態(tài)勢,實(shí)現智能指控調度。

2.5D圖標軟件UI設計案例
煤炭大屏UI設計案例
06 作業(yè)異動(dòng)識別及時(shí)觸達,數據變身圖表,風(fēng)險無(wú)處藏身

能源及發(fā)電企業(yè)生產(chǎn)作業(yè)流程較為復雜,生產(chǎn)作業(yè)人員安全的管控一直是安全管理工作的難點(diǎn)。有了巡檢機器人與智能攝像機,通過(guò)采集現場(chǎng)儀表視頻圖像信息,再由機器視覺(jué)分析和圖像識別技術(shù)處理,及時(shí)對異常數據發(fā)出報警,可以一鍵生成報告提醒運行人員,運行人員只需要對檢測出的缺陷進(jìn)行復核并提交檢修工單,形成閉環(huán)。藍藍設計將這個(gè)工作任務(wù)流程設計的交互易用,首頁(yè)報警分級別顯示,考慮到數量多或少,所占區域合理,數據變身圖表,風(fēng)險無(wú)處藏身。

石油年金軟件UI設計案例
07 多種風(fēng)格ICON圖標繪制

圖標(icon),GUI 中的圖形符號,其形式即含義,代表應用程序、對象和功能。圖標有多種類(lèi)型,大應用圖標(側重品牌性)、小功能圖標(側重功能性)、系統圖標、可定制圖標、可交互圖標、純展示圖標。其中圖標的風(fēng)格更是多種多樣,扁平的、擬物的、線(xiàn)性的、填充的、單色的、雙調的、2.5D 的、3D 的、靜置的、動(dòng)態(tài)的……藍藍設計針對各種場(chǎng)景,設計各種風(fēng)格的圖標和設備。

能源行業(yè)ICON圖標繪制
08 信息卡片化設計,突出重點(diǎn)數據減少視覺(jué)思考

信息采用卡片化設計能夠增加頁(yè)面的層次感和立體感,使得頁(yè)面更加美觀(guān)和吸引人??ㄆ脑O計方式也能夠減少用戶(hù)的認知負擔,使用戶(hù)更加輕松地瀏覽和使用頁(yè)面,能夠增加頁(yè)面的層次感和立體感,使得頁(yè)面更加美觀(guān)和吸引人,從而提高了用戶(hù)體驗。

能源行業(yè)信息卡片化設計
能源行業(yè)園區信息卡片化設計UI案例
09 動(dòng)效示意,幫助用戶(hù)更好的理解產(chǎn)品

明確的動(dòng)效展示比文字描述更加直觀(guān),在學(xué)習過(guò)程中,用戶(hù)往往更會(huì )選擇學(xué)習成本較低的方式,動(dòng)效的示意不僅可以直觀(guān)地展示給用戶(hù),界面的樣式,也可以通過(guò)操作示意的方式,引導教育用戶(hù)如何快速學(xué)習軟件,了解操作方式,減少思考的時(shí)間成本,降低上手難度。

內容調查