法智学教育软件课件UI设计

01

首页方案

方案1

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

方案1

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

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

设计前

设计后

02

法治实践课

微渐变

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

导航独特

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

布局优化

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

03

AI双师法治实践课

毛玻璃风格

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

布局优化

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

04

界面欣赏

相关推荐
The_superstar62 天前
陶晶驰串口屏使用
ui·串口屏·串口通讯·ui设计·lcd显示
realhuizhu14 天前
为什么程序员配出的颜色像"斑斓的灰"?因为你还在靠直觉
前端开发·ai工具·ui设计·deepseek·程序员提升
hqwest1 个月前
码上通QT实战25--报警页面01-报警布局设计
开发语言·qt·qwidget·ui设计·qt布局控件
贝格前端工场1 个月前
AI不是前端/UI的“终结者”,而是提升的“加速器”
aigc·前端开发·ui设计
大千UI工场1 个月前
工匠精神-在UI与前端开发中的如何展现!
前端开发·ui设计·工匠精神
hqwest2 个月前
码上通QT实战02--登录设计
开发语言·qt·登录·ui设计·qt控件·qt布局·qt登录
BW.SU2 个月前
RUI Builder 图形化UI设计工具
ui·hmi·ui设计·ra8889·ra6809·rui·人机界面
UI设计兰亭妙微3 个月前
APP界面设计公司分享:理财APP界面设计讲好成长故事
信息可视化·ui设计·小程序设计·数据可视化设计
UI设计兰亭妙微3 个月前
UI设计公司审美积累|办公类软件界面设计巧思,效率与视觉的双重升级
办公软件·ui设计