为长时间学习设计:三套主题与护眼排版

备考期间的刷题时长往往以小时计,一坐就是两三个小时并不罕见。这种情况下,界面的每一个细节都会被放大:字号小一点、行距紧一点、背景亮一点,十分钟内不会有感觉,两小时后眼睛的疲劳是真实的。

这篇文章说明我们在阅读体验上做了哪些具体调整。

核心结论:网页端提供浅色、护眼、深色三套主题,切换后自动记忆偏好,鸿蒙版跟随系统深色设置;行高与留白按长时间阅读优化;动效统一使用位移与透明度过渡,避免闪烁;三端数据互通,网页版可用小程序扫码免密登录。

三套主题,按环境切换

网页端提供三套主题:

  • 浅色:明亮的白天环境、光线充足的室内
  • 护眼:低饱和的柔和底色,适合长时间连续阅读
  • 深色:夜间或暗光环境,减少屏幕整体亮度

主题切换后会记住你的选择,下次进入不需要重新设置。鸿蒙版则跟随系统的深色模式设置,系统切到深色,应用一起切换,不用单独调整。

需要说明一点:主题不会改变内容的语义层级。标题、正文、辅助信息的对比关系在三套主题里保持一致,正文与背景的对比度都满足 WCAG 2.1 AA 标准,不会出现「深色主题下看不清辅助文字」这类问题。

星刷题首页:学习概览、题库检索与上传题库等快捷入口
首页的信息密度做了克制处理,主要入口之外不堆叠多余内容。

排版按长时间阅读优化

排版方面主要做了三件事:

  • 行高与留白:正文行高按长时间阅读的舒适区间设置,段落之间保留足够间距,减少「一整块文字压过来」的感觉
  • 字号与行宽:正文与题干字号不小于可读下限,电脑端内容区自动居中收窄,避免一行字数过多导致换行时找错行
  • 层级克制:用少量强调色区分重点,其余保持中性低饱和,让注意力落在题目本身而不是界面上

这些设置看起来都很小,但它们共同决定了一次两小时的学习结束后,你是「还能继续」还是「必须停下」。

动效克制,避免闪烁

界面的过渡动画统一使用位移与透明度的渐变,不使用突然出现或消失的效果。原因很直接:闪烁和突变会持续吸引注意力,在需要长时间专注的场景里是干扰。

同时我们尊重系统的「减弱动态效果」设置。如果你的设备开启了减少动态效果的选项,页面中的所有过渡都会自动弱化,直接呈现最终状态。

三端一致:数据互通与扫码登录

阅读体验是分设备的:手机上适合碎片时间刷错题,电脑上更适合整理题库和看统计。星刷题支持微信小程序、网页版与鸿蒙版,三端使用同一账号,学习数据互通——练习进度、错题本与统计结果都是连续的,不需要在设备之间手动同步。

在电脑上打开网页版,用小程序扫一扫即可登录,不用记密码。你可以在通勤路上刷一轮错题,到办公室用网页版接着看统计数据,进度是接着走的。

如果你经常长时间刷题,可以试试把主题切到护眼,配合电脑端更宽的行宽阅读,疲劳感会明显低一些。

把错题练成会做的题

三端数据互通,网页版用小程序扫码即可免密登录。微信登录就能开始刷题,导题前 5 次免费。