设计一款高端课堂抽答点名系统网页界面,用于教室大屏展示,视觉高级有质感,让学生眼前一亮。
页面整体布局:顶部信息栏,中间区域左右分栏。
顶部通栏信息区:展示班级名称输入框、课程名称输入框、本次已抽取次数数字统计,深色背景,精致排版。
中部左侧:教室可视化平面布局,最上方设置【讲台】,讲台用独立区块放在所有座位前排居中,标注讲台文字;座位用课桌样式方块展示,一共5排座位,A排(离讲台最近第一排)、B排、C排、D排、E排,每一排8张课桌。
座位编码规则:A1-A8,B1-B8,C1-C8,D1-D8,E1-E8,大写字母代表排数,数字代表位次。
课桌样式:立体简约课桌卡片。
状态配色:
- 默认未抽取课桌:哑光深空蓝
- 本节课已抽取课桌:电光青
- 空座位课桌:深灰半透明
鼠标悬浮课桌有微弱发光hover效果,点击课桌可以直接点名。
每一排前面标注排号:A排、B排、C排、D排、E排,课桌横向整齐排列。
中部右侧:悬浮抽答信息卡片,带柔和阴影。
卡片标题:随机抽答结果;卡片中间大号字体展示抽到座位编号,下方显示学生姓名。
卡片内包含【随机抽取】主按钮;4个单选选项:回答正确、部分正确、回答错误、未作答;保存记录按钮。卡片底部放置本次抽取历史记录列表。
色彩方案(高端配色):主色深空深蓝 #0F172A,强调色电光青 #22D3EE,点缀暖金色 #FBBF24;文字白色/浅灰,背景低饱和暗灰,高级科技简约教学风,无多余花哨装饰,适配大屏幕,视觉冲击力强。