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

發(fā)表于:

交互設計 | UI設計

01

登錄頁

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

設計后

重構(gòu)頁面布局

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

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

設計前

重構(gòu)頁面布局

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

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

設計前

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

設計后

02

總覽頁方案一

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

重構(gòu)頁面布局

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

快捷功能

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

視覺升級

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

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

設計前后對比

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

03

總覽頁方案二

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

重構(gòu)頁面布局

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

快捷功能

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

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

04

界面欣賞

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

快速咨詢

歡迎進群每天推

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

立即咨詢

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