智能系統(tǒng)云管理服務(wù)平臺(tái)改版設(shè)計(jì)

發(fā)表于:

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

01

登錄頁

登錄頁效果展示-設(shè)計(jì)后:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

設(shè)計(jì)后

重構(gòu)頁面布局

將系統(tǒng)中較為重要,且和「總覽」頁面相關(guān)的「訂單審批」,業(yè)務(wù)放置在首頁中,用戶可以在首頁直接辦理緊急的任務(wù),保證數(shù)據(jù)獲取效率同時(shí),增加系統(tǒng)使用效率。

登錄頁效果展示-設(shè)計(jì)前:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)
登錄頁效果展示-設(shè)計(jì)前:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

設(shè)計(jì)前

重構(gòu)頁面布局

將系統(tǒng)中較為重要,且和「總覽」頁面相關(guān)的「訂單審批」,業(yè)務(wù)放置在首頁中,用戶可以在首頁直接辦理緊急的任務(wù),保證數(shù)據(jù)獲取效率同時(shí),增加系統(tǒng)使用效率。

登錄頁效果展示-設(shè)計(jì)后:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

設(shè)計(jì)前

方向icon
登錄頁效果展示-設(shè)計(jì)前:UI設(shè)計(jì)、大屏設(shè)計(jì)、交互設(shè)計(jì)

設(shè)計(jì)后

02

總覽頁方案一

總覽頁方案一效果展示:重構(gòu)頁面布局、快捷功能、視覺升級(jí)

重構(gòu)頁面布局

將系統(tǒng)中較為重要,且和「總覽」頁面相關(guān)的「訂單審批」,業(yè)務(wù)放置在首頁中,用戶可以在首頁直接辦理緊急的任務(wù),保證數(shù)據(jù)獲取效率同時(shí),增加系統(tǒng)使用效率。

快捷功能

在右側(cè)增加快捷入口功能,用戶可通過快捷入口一鍵直關(guān)鍵功能頁面,減少繁瑣的頁面入口尋找次數(shù)和時(shí)間

視覺升級(jí)

毛玻璃效果,隱隱透出底層背影圖。較大的留白、圓角、陰影、質(zhì)感,使視覺效果更豐富。

總覽頁方案一效果展示:重構(gòu)頁面布局、快捷功能、視覺升級(jí)

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

總覽頁方案一效果展示:重構(gòu)頁面布局、快捷功能、視覺升級(jí)

03

總覽頁方案二

總覽頁方案二效果展示:重構(gòu)頁面布局、快捷功能

重構(gòu)頁面布局

利用大小,明暗,色彩,虛實(shí)關(guān)系,構(gòu)建內(nèi)容層次,突出重點(diǎn)內(nèi)容;對(duì)于同一信息架構(gòu)內(nèi)的內(nèi)容,通過同一的布局和間距提升信息關(guān)聯(lián)度,讓頁面保持節(jié)奏感,律動(dòng)感。最終設(shè)計(jì)界面較原型方案在頁面空間利用率方面有明顯提升。

快捷功能

在主要圖標(biāo)方面采用時(shí)下流行的2.5d圖標(biāo)風(fēng)格,形象的將云服務(wù)行業(yè)主要業(yè)務(wù)元素和場景體現(xiàn)出來。圖標(biāo)以藍(lán)色為主,加入背景元素和額外的輔助色彩,保證可讀性的同時(shí),體現(xiàn)差異性。

總覽頁方案二效果展示:重構(gòu)頁面布局、快捷功能

04

界面欣賞

界面欣賞:重構(gòu)頁面布局、快捷功能、視覺升級(jí)、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ì)、軟件開發(fā)、高端網(wǎng)站設(shè)計(jì)、logo設(shè)計(jì)、平面設(shè)計(jì)

快速咨詢

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

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

立即咨詢

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