智能系统云管理服务平台改版设计

发表于:

交互设计 | UI设计

01

登录页

登录页效果展示-设计后:UI设计、大屏设计、交互设计

设计后

重构页面布局

将系统中较为重要,且和「总览」页面相关的「订单审批」,业务放置在首页中,用户可以在首页直接办理紧急的任务,保证数据获取效率同时,增加系统使用效率。

登录页效果展示-设计前:UI设计、大屏设计、交互设计
登录页效果展示-设计前:UI设计、大屏设计、交互设计

设计前

重构页面布局

将系统中较为重要,且和「总览」页面相关的「订单审批」,业务放置在首页中,用户可以在首页直接办理紧急的任务,保证数据获取效率同时,增加系统使用效率。

登录页效果展示-设计后:UI设计、大屏设计、交互设计

设计前

方向icon
登录页效果展示-设计前:UI设计、大屏设计、交互设计

设计后

02

总览页方案一

总览页方案一效果展示:重构页面布局、快捷功能、视觉升级

重构页面布局

将系统中较为重要,且和「总览」页面相关的「订单审批」,业务放置在首页中,用户可以在首页直接办理紧急的任务,保证数据获取效率同时,增加系统使用效率。

快捷功能

在右侧增加快捷入口功能,用户可通过快捷入口一键直关键功能页面,减少繁琐的页面入口寻找次数和时间

视觉升级

毛玻璃效果,隐隐透出底层背影图。较大的留白、圆角、阴影、质感,使视觉效果更丰富。

总览页方案一效果展示:重构页面布局、快捷功能、视觉升级

设计前后对比

总览页方案一效果展示:重构页面布局、快捷功能、视觉升级

03

总览页方案二

总览页方案二效果展示:重构页面布局、快捷功能

重构页面布局

利用大小,明暗,色彩,虚实关系,构建内容层次,突出重点内容;对于同一信息架构内的内容,通过同一的布局和间距提升信息关联度,让页面保持节奏感,律动感。最终设计界面较原型方案在页面空间利用率方面有明显提升。

快捷功能

在主要图标方面采用时下流行的2.5d图标风格,形象的将云服务行业主要业务元素和场景体现出来。图标以蓝色为主,加入背景元素和额外的辅助色彩,保证可读性的同时,体现差异性。

总览页方案二效果展示:重构页面布局、快捷功能

04

界面欣赏

界面欣赏:重构页面布局、快捷功能、视觉升级、UI设计、大屏设计、交互设计
兰亭妙微UI设计官方微信二维码:大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计

快速咨询

欢迎进群每天推

送国际优秀设计

立即咨询

将您的信息告诉我们,我们将尽快与您联系!或发需求至邮箱weihua@lanlanwork.com