弱化導(dǎo)航
弱化導(dǎo)航背景,打造沉浸式體驗(yàn),讓用戶更聚焦于頁(yè)面內(nèi)容,提高用戶專注度;
橫向折疊
側(cè)邊導(dǎo)航采用橫向可折疊式設(shè)計(jì),增加橫向頁(yè)面空間,方便承載更多內(nèi)容;
交互設(shè)計(jì) | UI設(shè)計(jì)
品牌
與品牌一致的色調(diào) 和設(shè)計(jì)語(yǔ)言,保證產(chǎn)品的系列化,品牌化
簡(jiǎn)潔
頁(yè)面簡(jiǎn)化復(fù)雜性,將重要數(shù)據(jù)、預(yù)警信息突出展示,提高可訪問(wèn)性和可用性,并提供清晰的反饋
高效
精簡(jiǎn)的界面布局,扁平的層級(jí)結(jié)構(gòu)和直觀高效的信息展示方式,讓用戶在最短時(shí)間找到需要的信息,提高工作效率
導(dǎo)航重塑
弱化導(dǎo)航
弱化導(dǎo)航背景,打造沉浸式體驗(yàn),讓用戶更聚焦于頁(yè)面內(nèi)容,提高用戶專注度;
橫向折疊
側(cè)邊導(dǎo)航采用橫向可折疊式設(shè)計(jì),增加橫向頁(yè)面空間,方便承載更多內(nèi)容;
駕駛倉(cāng)風(fēng)格分區(qū)
提升線上管理效率
借助圖形手段把相對(duì)復(fù)雜抽象的數(shù)據(jù),條理清晰地傳達(dá)出去,給每個(gè)模塊的數(shù)據(jù)根據(jù)其業(yè)務(wù)性質(zhì)選擇合適的圖形表達(dá)
導(dǎo)航重塑
右側(cè)個(gè)人信息、待辦事項(xiàng)和報(bào)警信息區(qū)
個(gè)人信息將之前頁(yè)面內(nèi)容重新整理,以卡片的形式展示,弱化在頁(yè)面中的比重。
待辦任務(wù)是新增模塊,對(duì)于業(yè)務(wù)操作人員來(lái)講待辦事項(xiàng)是比較關(guān)注的內(nèi)容,該模塊根據(jù)不同的業(yè)務(wù)人員展示不同的內(nèi)容。
報(bào)警信息是將原來(lái)界面的以列表形式展示的報(bào)警信息重新整理,主要突出報(bào)警等級(jí)和標(biāo)題,更加清晰明了,可從而提高工作效率。
左側(cè)導(dǎo)航區(qū)
左側(cè)導(dǎo)航拓展性性更強(qiáng),它通常可以顯示比頂部導(dǎo)航多一倍的條目?jī)?nèi)容,左側(cè)導(dǎo)航能讓用戶快速有效地瀏覽內(nèi)容。左側(cè)導(dǎo)航還有利于垂直瀏覽,這符合人類自然習(xí)慣,而頂部導(dǎo)航是水平瀏覽,這是閱讀時(shí)經(jīng)常使用的方式。同時(shí)還增加了收起功能,在用戶專注于信息處理時(shí)可以將菜單收起增加頁(yè)面的展示空間。
導(dǎo)航采用右側(cè)浮動(dòng)卡片導(dǎo)航,可兼容二級(jí),三級(jí),四級(jí)導(dǎo)航層級(jí)。
菜單導(dǎo)航區(qū)疊加工廠作業(yè)場(chǎng)景圖,突出軟件的主題同時(shí)豐富頁(yè)面。
中間信息展示區(qū)
中間區(qū)域的上面是主題卡片展示區(qū),右側(cè)是快捷入口區(qū),卡片突出企業(yè)口號(hào),菜單的快捷入口可自定義內(nèi)容。
中間和下面的主要是數(shù)據(jù)信息展示區(qū),圖表的顏色采用品牌規(guī)范的顏色,突出品牌性。
2023 12/07
企業(yè)信息化|銀行金融|報(bào)送軟件
悅錦數(shù)科反洗錢、報(bào)送系統(tǒng)等3個(gè)軟件全流程UEUI設(shè)計(jì)
2023 12/07
企業(yè)信息化設(shè)計(jì)|芯片制造
芯片產(chǎn)業(yè)鏈自主可控平臺(tái)界面設(shè)計(jì)
2023 12/07
資金運(yùn)營(yíng)|企業(yè)信息化設(shè)計(jì)|數(shù)據(jù)大屏
九恒星資金運(yùn)營(yíng)管理系統(tǒng)UIUE設(shè)計(jì)
2015 12/07
UI設(shè)計(jì)|交互設(shè)計(jì)|vue開發(fā)
中國(guó)航空制造研究院自動(dòng)生產(chǎn)管控系統(tǒng)界面設(shè)計(jì)及開發(fā)