无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

智能制造首頁駕駛倉優(yōu)化界面設計 發(fā)表于:2024-04-19

交互設計 | UI設計

01 駕駛倉風格

品牌

與品牌一致的色調(diào) 和設計語言,保證產(chǎn)品的系列化,品牌化

簡潔

頁面簡化復雜性,將重要數(shù)據(jù)、預警信息突出展示,提高可訪問性和可用性,并提供清晰的反饋

高效

精簡的界面布局,扁平的層級結構和直觀高效的信息展示方式,讓用戶在最短時間找到需要的信息,提高工作效率

02 駕駛倉設計思考

導航重塑

弱化導航

弱化導航背景,打造沉浸式體驗,讓用戶更聚焦于頁面內(nèi)容,提高用戶專注度;

橫向折疊

側(cè)邊導航采用橫向可折疊式設計,增加橫向頁面空間,方便承載更多內(nèi)容;

駕駛倉風格分區(qū)

提升線上管理效率

借助圖形手段把相對復雜抽象的數(shù)據(jù),條理清晰地傳達出去,給每個模塊的數(shù)據(jù)根據(jù)其業(yè)務性質(zhì)選擇合適的圖形表達

03 平臺主頁風格
04 平臺主頁設計思考

導航重塑

右側(cè)個人信息、待辦事項和報警信息區(qū)

個人信息將之前頁面內(nèi)容重新整理,以卡片的形式展示,弱化在頁面中的比重。

待辦任務是新增模塊,對于業(yè)務操作人員來講待辦事項是比較關注的內(nèi)容,該模塊根據(jù)不同的業(yè)務人員展示不同的內(nèi)容。

報警信息是將原來界面的以列表形式展示的報警信息重新整理,主要突出報警等級和標題,更加清晰明了,可從而提高工作效率。

左側(cè)導航區(qū)

左側(cè)導航拓展性性更強,它通常可以顯示比頂部導航多一倍的條目內(nèi)容,左側(cè)導航能讓用戶快速有效地瀏覽內(nèi)容。左側(cè)導航還有利于垂直瀏覽,這符合人類自然習慣,而頂部導航是水平瀏覽,這是閱讀時經(jīng)常使用的方式。同時還增加了收起功能,在用戶專注于信息處理時可以將菜單收起增加頁面的展示空間。

導航采用右側(cè)浮動卡片導航,可兼容二級,三級,四級導航層級。

菜單導航區(qū)疊加工廠作業(yè)場景圖,突出軟件的主題同時豐富頁面。

中間信息展示區(qū)

中間區(qū)域的上面是主題卡片展示區(qū),右側(cè)是快捷入口區(qū),卡片突出企業(yè)口號,菜單的快捷入口可自定義內(nèi)容。

中間和下面的主要是數(shù)據(jù)信息展示區(qū),圖表的顏色采用品牌規(guī)范的顏色,突出品牌性。