機器人設(shè)備管理云平臺及大屏UIUE設(shè)計

發(fā)表于：2024-04-15

項目背景

隨著制造業(yè)數(shù)字化轉(zhuǎn)型的推進和人工智能技術(shù)的快速發(fā)展，智能制造軟件應(yīng)運而生，致力于提高制造企業(yè)的生產(chǎn)效率、產(chǎn)品質(zhì)量和靈活性，通過實時監(jiān)控、數(shù)據(jù)分析和自動化控制，幫助企業(yè)實現(xiàn)設(shè)備互聯(lián)、生產(chǎn)過程優(yōu)化以及智能決策。滿足制造業(yè)客戶對智能化生產(chǎn)管理系統(tǒng)的需求，促進工廠數(shù)字化轉(zhuǎn)型，減少生產(chǎn)成本，提高生產(chǎn)效率，并加強企業(yè)在市場競爭中的地位。

本次設(shè)計前期藍藍設(shè)計做了一定的調(diào)研工作，進行產(chǎn)品的理解和交互設(shè)計。PC端的首頁原來頁面很空，工程師不太清楚首頁要放的內(nèi)容，浪費了寶貴的首頁空間。后期在設(shè)計過程中，設(shè)計師用心體會最終使用者的工作流程，增加一些個性化模塊以引導(dǎo)用戶快速定位要辦理事件，提高工作效率及易用性。PC端及大屏主頁的設(shè)計過程中嘗試了不同的設(shè)計風(fēng)格及新穎國際化的信息圖設(shè)計。

項目概述

產(chǎn)品定位

智能制造管理平臺是一個集成化的系統(tǒng)，它集成了信息技術(shù)、人工智能、物聯(lián)網(wǎng)等多項先進技術(shù)，將制造過程中的各個環(huán)節(jié)進行有機整合，實現(xiàn)數(shù)據(jù)的共享和流程的協(xié)同。通過集成化的管理，企業(yè)可以更加高效地協(xié)調(diào)各個部門的工作，提高整體運營效率。它利用人工智能技術(shù)對制造數(shù)據(jù)進行深度挖掘和分析，幫助企業(yè)實現(xiàn)精準決策和優(yōu)化生產(chǎn)流程，提高生產(chǎn)效率和產(chǎn)品質(zhì)量。

目標用戶

用戶群體包括企業(yè)決策者、生產(chǎn)管理人員、工程師、供應(yīng)鏈和質(zhì)量管理人員。平臺為決策者提供生產(chǎn)數(shù)據(jù)、效率分析和市場趨勢預(yù)測，為生產(chǎn)管理人員提供實時監(jiān)控、生產(chǎn)計劃調(diào)整和資源配置優(yōu)化，為工程師和技術(shù)人員提供設(shè)備監(jiān)測、工藝參數(shù)調(diào)整和數(shù)據(jù)分析支持，為供應(yīng)鏈管理人員實現(xiàn)實時監(jiān)控和供應(yīng)鏈優(yōu)化，為質(zhì)量管理人員提供質(zhì)量數(shù)據(jù)分析、不良品追溯和持續(xù)改進功能。

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

設(shè)計中大屏及軟件設(shè)計了多種風(fēng)格，其中有的是極簡的國際風(fēng)，沒有過多的裝飾元素以數(shù)據(jù)本身做設(shè)計。有的是重形式的科技感風(fēng)格，PC 端風(fēng)格嘗試了美國風(fēng)格、日本風(fēng)格，深色和淺色換膚，增加了C4D三維動畫，情感化設(shè)計，提升用戶體驗易用性、美觀性、給使用戶創(chuàng)造意料之外的驚喜。

設(shè)計亮點

B端首頁以全局視角理解不同用戶角色和業(yè)務(wù)場景

右側(cè)是客戶給的原型，大部分區(qū)域只展示了圖片，缺少實際運用的內(nèi)容。在設(shè)計前期調(diào)研管理平臺首頁要具備哪些要素能夠幫助用戶再登錄進來后快速定位到自己要處理的事件，從而提高工作效率。

在設(shè)計時我們在首頁加入了「待辦事項」「快捷入口」「今日計劃」等模塊，從而幫助用戶快速定位要處理的事件，同時首頁還是可根據(jù)權(quán)限的不同自定義。一級菜單在左側(cè)突出展示，點擊之后二三級菜單以小浮窗的形式展示，“今日計劃”模塊點擊右上角日歷可以切換成日歷。色彩風(fēng)格明快輕盈寧靜，在專業(yè)穩(wěn)重的背景之中給工作帶來愉悅美好的氛圍。整體布局清晰明朗，模塊之間間距較大，使整個頁面具有呼吸感。

設(shè)計亮點：UI設(shè)計、大屏設(shè)計、交互設(shè)計效果欣賞

設(shè)計前后對比

所見即所得，極簡化的設(shè)計語言

采用極簡化、國際化的設(shè)計風(fēng)格，使得屏幕成為視覺的焦點，其簡約而大氣的風(fēng)格能夠給人留下深刻的印象。這種設(shè)計減少了視覺上的干擾，使用戶能夠更加專注于屏幕上的內(nèi)容，提高了使用體驗。環(huán)繞式布局，將模型圖在頁面右下角展示，圖表信息更加集中，同時去除多余元素，頁面更加簡潔明了，同時與3D背景的融合度，幾乎看起來沒有邊框，能夠與各種模塊數(shù)據(jù)完美搭配，不會顯得突兀，從而提升了整體空間的美感。極簡化大屏的設(shè)計往往也伴隨著簡潔明了的操作界面，使得用戶可以更快速地找到所需的數(shù)據(jù)或內(nèi)容，減少了學(xué)習(xí)成本，提高了操作效率。

科技元素巧妙融合，彰顯強烈科技感

該方案采用具有科技感的設(shè)計風(fēng)格，通過采用流線型、點、線等現(xiàn)代設(shè)計元素，結(jié)合光影效果，營造出強烈的未來感。這種設(shè)計使得產(chǎn)品具有前瞻性和時代感，能夠吸引更多操作者的關(guān)注。同時科技感設(shè)計風(fēng)格與現(xiàn)代科技元素，如數(shù)字化、智能化等相結(jié)合，營造出強烈的科技氛圍。這種設(shè)計不僅讓人感受到科技的力量，也激發(fā)了人們對未來科技的向往和期待。同時科技感設(shè)計風(fēng)格以其獨特的創(chuàng)意和前瞻性，展現(xiàn)了技術(shù)與藝術(shù)的完美結(jié)合。它采用新穎、獨特的設(shè)計元素，打破了傳統(tǒng)設(shè)計的束縛，引領(lǐng)了設(shè)計潮流，為受眾帶來全新的視覺體驗。

該頁面采用環(huán)抱式儀表臺設(shè)計，信息區(qū)塊明確，中間區(qū)域后期可換成其他圖形，整體對稱布局方便觀看，同時有多個配色方案。