機(jī)器人設(shè)備管理云平臺(tái)及大屏UIUE設(shè)計(jì)

發(fā)表于:

UI設(shè)計(jì) | 大屏設(shè)計(jì) | 交互設(shè)計(jì)

01

項(xiàng)目背景

項(xiàng)目背景:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

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

項(xiàng)目背景:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

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

02

項(xiàng)目概述

產(chǎn)品定位

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

目標(biāo)用戶(hù)

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

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

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

項(xiàng)目概述:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)、產(chǎn)品定位、目標(biāo)用戶(hù)、設(shè)計(jì)風(fēng)格,效果欣賞

03

設(shè)計(jì)亮點(diǎn)

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

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

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

設(shè)計(jì)亮點(diǎn):UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞

設(shè)計(jì)前后對(duì)比

設(shè)計(jì)亮點(diǎn):UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞
設(shè)計(jì)亮點(diǎn):UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞

所見(jiàn)即所得,極簡(jiǎn)化的設(shè)計(jì)語(yǔ)言

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

設(shè)計(jì)亮點(diǎn):UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞

科技元素巧妙融合,彰顯強(qiáng)烈科技感

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

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

設(shè)計(jì)亮點(diǎn):UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞

04

界面欣賞

界面欣賞:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)效果欣賞
蘭亭妙微UI設(shè)計(jì)官方微信二維碼:大數(shù)據(jù)可視化、B端UI設(shè)計(jì)、系統(tǒng)UI設(shè)計(jì)、移動(dòng)端UI設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、軟件開(kāi)發(fā)、高端網(wǎng)站設(shè)計(jì)、logo設(shè)計(jì)、平面設(shè)計(jì)

快速咨詢(xún)

歡迎進(jìn)群每天推

送國(guó)際優(yōu)秀設(shè)計(jì)

立即咨詢(xún)

將您的信息告訴我們,我們將盡快與您聯(lián)系!或發(fā)需求至郵箱weihua@lanlanwork.com