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

發(fā)表于:

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

01

登錄頁

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

設(shè)計后

重構(gòu)頁面布局

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

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

設(shè)計前

重構(gòu)頁面布局

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

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

設(shè)計前

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

設(shè)計后

02

總覽頁方案一

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

重構(gòu)頁面布局

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

快捷功能

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

視覺升級

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

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

設(shè)計前后對比

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

03

總覽頁方案二

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

重構(gòu)頁面布局

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

快捷功能

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

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

04

界面欣賞

界面欣賞:重構(gòu)頁面布局、快捷功能、視覺升級、UI設(shè)計、大屏設(shè)計、交互設(shè)計
蘭亭妙微UI設(shè)計官方微信二維碼:大數(shù)據(jù)可視化、B端UI設(shè)計、系統(tǒng)UI設(shè)計、移動端UI設(shè)計、圖標設(shè)計、軟件開發(fā)、高端網(wǎng)站設(shè)計、logo設(shè)計、平面設(shè)計

快速咨詢

歡迎進群每天推

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

立即咨詢

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