项目分为:首页,答题须知,答题界面,评分界面
设计思路:
1.首页为静态页面,为了营造安静的视觉效果,这个项目的配色都采用的低饱和马卡龙方案,首页上半部分采用轮播图展示心理健康宣传;
2.答题界面采用组件化思想,先将答题须知显示,当点击同意后隐藏该须知,方可答题。
3.上面做了一个可变的进度条显示答题进度,如对上一题有疑惑可点击“上一题”,进入上一题重新选择。
4.点击提交试卷进入评分界面,为了使测试者更加了然测试成绩,这里使用了echarts图表进行具象化表示,并显示对错题目数。
本人按照UI设计稿完成制作只是针对答题部分,首页当中的其他链接不在这里展示。
点击空白处退出提示
评论