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

01

首页方案

方案1

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

方案1

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

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

设计前

设计后

02

法治实践课

微渐变

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

导航独特

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

布局优化

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

03

AI双师法治实践课

毛玻璃风格

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

布局优化

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

04

界面欣赏

相关推荐
UXbot8 天前
企业AI开发工具:界面自动生成与前端代码交付能力详解
前端·人工智能·交互·web app·ui设计
UXbot8 天前
轻量级原型工具如何支持Web应用的完整设计到开发链路
android·前端·人工智能·ios·交互·ui设计
UXbot17 天前
评审前2小时完成页面布局:前端AI工具快速出图工作流
前端·人工智能·交互·产品经理·web app·ui设计
Kim.Li1 个月前
什么是包容性设计?从跨文化、性别到种族多样性的 UX 设计实战
人机交互·产品经理·视觉设计·交互设计·软技能·ui设计
Strugglingler2 个月前
基于whiptail开发shell导航工具
linux·shell·ui设计·whiptail
The_superstar64 个月前
陶晶驰串口屏使用
ui·串口屏·串口通讯·ui设计·lcd显示
realhuizhu4 个月前
为什么程序员配出的颜色像"斑斓的灰"?因为你还在靠直觉
前端开发·ai工具·ui设计·deepseek·程序员提升
hqwest5 个月前
码上通QT实战25--报警页面01-报警布局设计
开发语言·qt·qwidget·ui设计·qt布局控件