法智学软件界面改版设计

发表于:

交互设计 | UI设计

01

首页方案

方案1

毛玻璃风格有通透性的玻璃质感,页面轻盈,有呼吸感。图标的使用使得图标更加精致,具备透视感,可以增添页面的活力。页面背景采用渐变同时运用一些具有国风元素的祥云、山等图案使页面更加丰富。页面整体布局和之前没做太大改动,广告图和课程从形式上做出区分。

首页方案:UI设计、大屏设计、交互设计

方案1

毛玻璃风格有通透性的玻璃质感,页面轻盈,有呼吸感。图标的使用使得图标更加精致,具备透视感,可以增添页面的活力。页面背景采用渐变同时运用一些具有国风元素的祥云、山等图案使页面更加丰富。页面整体布局和之前没做太大改动,广告图和课程从形式上做出区分。

首页方案:UI设计、大屏设计、交互设计
首页方案-设计后:UI设计、大屏设计、交互设计法智学效果欣赏

设计后

采用卡片和3d图标相结合的表现形式,同时每个卡片采用不同的颜色打破原来沉闷的背景,红色背景叠加一些纹理等中国元素更好的契合”法智“主题。页面整体布局上做了较大改动,广告图放在中间,五门课程放在两侧,此布局整体更加协调页面大气。

首页方案-设计前:UI设计、大屏设计、交互设计法智学效果欣赏 首页方案-设计前:UI设计、大屏设计、交互设计对比

设计前

采用卡片和3d图标相结合的表现形式,同时每个卡片采用不同的颜色打破原来沉闷的背景,红色背景叠加一些纹理等中国元素更好的契合”法智“主题。页面整体布局上做了较大改动,广告图放在中间,五门课程放在两侧,此布局整体更加协调页面大气。

设计前

首页方案-设计前:UI设计、大屏设计、交互设计法智学效果欣赏 首页方案-设计前:UI设计、大屏设计、交互设计法智学效果欣赏

设计后

首页方案-设计后:UI设计、大屏设计、交互设计法智学效果欣赏

02

法治实践课

微渐变

调整背景亮度,运用微渐变的形式,是界面更具质感,加入曲线元素丰富画面。

导航独特

在视觉设计方面,我们保持了整体界面的统一性,同时赋予侧边导航独特的风格。通过运用品牌色彩和字体,我们让侧边导航在视觉上更加突出,与其他界面元素形成良好的呼应。

布局优化

课程的选择采用整体模块展示,选中的课程突出展示,右侧课程一屏展示6个,更多的话采用翻页展示。

法治实践课:UI设计、大屏设计、交互设计效果欣赏

03

AI双师法治实践课

AI双师法治实践课:UI设计、大屏设计、交互设计效果欣赏

毛玻璃风格

改变弹窗形式,以页面载体呈现。毛玻璃风格有通透性的玻璃质感,页面轻盈,有呼吸感。图标的使用使得图标更加精致,具备透视感,可以增添页面的活力。

布局优化

中心位置突出展示了主题内容,无论是文字还是图片,都经过精心挑选和排版,以确保信息的清晰传达。同时,四周的留白设计也为整体增添了一丝高级感,使得Banner在视觉上更加舒适和协调。而且融入了现代流行的设计元素和趋势,如渐变效果、动态元素等,使得整体设计更加时尚和富有创意。

04

界面欣赏

界面欣赏:UI设计、大屏设计、交互设计效果欣赏
兰亭妙微UI设计官方微信二维码:大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计

快速咨询

欢迎进群每天推

送国际优秀设计

立即咨询

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