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