智能系統(tǒng)云管理服務(wù)平臺(tái)改版設(shè)計(jì)
發(fā)表于：
01
登錄頁(yè)
設(shè)計(jì)后
重構(gòu)頁(yè)面布局
將系統(tǒng)中較為重要，且和「總覽」頁(yè)面相關(guān)的「訂單審批」，業(yè)務(wù)放置在首頁(yè)中，用戶可以在首頁(yè)直接辦理緊急的任務(wù)，保證數(shù)據(jù)獲取效率同時(shí)，增加系統(tǒng)使用效率。
設(shè)計(jì)前
重構(gòu)頁(yè)面布局
將系統(tǒng)中較為重要，且和「總覽」頁(yè)面相關(guān)的「訂單審批」，業(yè)務(wù)放置在首頁(yè)中，用戶可以在首頁(yè)直接辦理緊急的任務(wù)，保證數(shù)據(jù)獲取效率同時(shí)，增加系統(tǒng)使用效率。
設(shè)計(jì)前
設(shè)計(jì)后
02
總覽頁(yè)方案一
重構(gòu)頁(yè)面布局
將系統(tǒng)中較為重要，且和「總覽」頁(yè)面相關(guān)的「訂單審批」，業(yè)務(wù)放置在首頁(yè)中，用戶可以在首頁(yè)直接辦理緊急的任務(wù)，保證數(shù)據(jù)獲取效率同時(shí)，增加系統(tǒng)使用效率。
快捷功能
在右側(cè)增加快捷入口功能，用戶可通過(guò)快捷入口一鍵直關(guān)鍵功能頁(yè)面，減少繁瑣的頁(yè)面入口尋找次數(shù)和時(shí)間
視覺(jué)升級(jí)
毛玻璃效果，隱隱透出底層背影圖。較大的留白、圓角、陰影、質(zhì)感，使視覺(jué)效果更豐富。
設(shè)計(jì)前后對(duì)比
03
總覽頁(yè)方案二
重構(gòu)頁(yè)面布局
利用大小，明暗，色彩，虛實(shí)關(guān)系，構(gòu)建內(nèi)容層次，突出重點(diǎn)內(nèi)容；對(duì)于同一信息架構(gòu)內(nèi)的內(nèi)容，通過(guò)同一的布局和間距提升信息關(guān)聯(lián)度，讓頁(yè)面保持節(jié)奏感，律動(dòng)感。最終設(shè)計(jì)界面較原型方案在頁(yè)面空間利用率方面有明顯提升。
快捷功能
在主要圖標(biāo)方面采用時(shí)下流行的2.5d圖標(biāo)風(fēng)格，形象的將云服務(wù)行業(yè)主要業(yè)務(wù)元素和場(chǎng)景體現(xiàn)出來(lái)。圖標(biāo)以藍(lán)色為主，加入背景元素和額外的輔助色彩，保證可讀性的同時(shí)，體現(xiàn)差異性。
04
界面欣賞
