圆点 × 清爽
先,从「大概」开始。
只留表盘上的徽章,把分钟一律藏起来,信息压得很少。指针 靠近哪个徽章,大概就是几点。
没怎么见过指针钟的孩子,有时候根本没「看见」指针在动。把一天压成约 24 秒走完的自动旋转模式,让指针的动作,刚好落进孩子眼里。
自动旋转模式,把一天压成大约 24 秒走完。背景里,太阳和月亮慢慢升起,又慢慢落下。乍看像静止不动的时钟,其实一直顺着顺时针,在悄悄前进 — 时间,这件看不见的事,这一刻终于有了眉目。
在同一个表盘上,两根指针以不同的速度奔跑。看上去像在你追我赶,可它们各自的速度,始终如一。不会心血来潮地忽然加快,也不会冷不丁地停下。「快」与「慢」的差别是有的,但奔跑的节奏从不改变 — 这份节奏,我们更希望孩子在指针的动作里亲自感受到,而不是用言语去教。
对孩子来说,同一天里「8 点」出现两次,是个真实存在的小谜。扶嗒托基 教学时钟 应用 把 AM 与 PM 左右并排同时显示 — 一天里 AM 一次、PM 一次,这件事,用眼睛就看得见。
一只时钟,其实是上午加下午,两面合在一起,才是完整的一天。普通时钟把它们叠成一张,只露出一面。扶嗒托基 教学时钟 应用 把这两面轻轻拉开,左右摆好。在自由旋转模式下,按一下 「叠起来 / 分开」 — 两面就能合成一张,也能拆成两张,时钟真正的样子,自己动手就看得见。长按 AM / PM 上的徽章,主画面不动,藏着的那一面,会悄悄探出头来。
「短针指近处,长针够远方」 — 这样讲给孩子听,应该比较好懂。扶嗒托基 教学时钟 应用 把分钟刻度放在外圈,小时数字放在内圈。为了让指针的角色更好认,信息量也做成可以一层一层加上去、再一层一层撤下来。
这里没有按年龄分组的按钮。能跟上的孩子,就一路开「细细」走下去;还没准备好的,就全部留在「圆点」。加点信息,再撤掉一点 — 照着孩子自己的节奏,慢慢找出合那一个孩子的样子。
先,从「大概」开始。
只留表盘上的徽章,把分钟一律藏起来,信息压得很少。指针 靠近哪个徽章,大概就是几点。
连分钟,也清清楚楚。
外圈拉出 1〜60 的分钟数字。短针长针的角色一下子分明,学认时钟正式开场。
没有分钟数字,也读得出。
走到这里就停下。即使把分钟数字撤掉,光凭短针长针的位置,也能读出时刻。真正学会读钟的样子。
年龄参考、对话样例,都收在指南里。
小手指还瞄不准指针 — 没关系,画面随便哪里碰一下,时钟就跟着转。这就是自由旋转模式。
在 自由旋转模式 下,不必瞄着指针。画面任意一处一拖,整只时钟就咕噜噜跟着转。再小的手指,想拨多少,就能拨多少。
手机上,单手就能轻松转。
停在哪里,放下一个小小的计划。
不必抓着指针。手指在画面上一动,整只时钟就跟着走。
停在某个时刻,就能把「活动」放上去 — 早饭、洗澡。一天的样子,在表盘上一字排开。
不论是自动旋转,还是自由旋转,指针都只朝顺时针走。 想倒回去,也倒不回去。市面上的益智时钟,有些正反两个方向都能转;扶嗒托基 教学时钟 应用 把方向锁定在顺时针。指针钟的规律 — 我们希望孩子从第一天起,就只朝一个方向,把它记在心里。
※ 想做细微调整时,可以按「倒回1分( )」。
颜色,只是为了让时刻的边界更好辨认,临时画下的辅助线。和算术里的辅助线一样,孩子学会读钟之后,就该擦掉。在这之上,加了一点点可爱。一共 6 套配色,可以挑。
辅助线,生来就是为了有一天被擦掉。不过,在擦掉之前,这些彩色分段还能另作他用。「再过 4 段就是『点心』时间」「指针走到蓝色那边就『出发』」 — 还没学会读钟的孩子,也能把颜色分段当作「数时间长度的单位」来用。请别让孩子去记颜色本身代表什么,而是把它当成数数的辅助线,递到孩子手里。
12 小时,12 种颜色,一种都不重。相邻的时刻,一眼就分得开 — 经典款。
※ 这是应用启动时的默认配色。
把 24 小时指针钟做成「从 0 开始」的那一刻,它就不再是指针钟,而成了别的东西。扶嗒托基 教学时钟 应用 让 12 始终待在正上方,PM 一侧用 13〜23 标数 — 在指针钟原本的样子里,把 24 小时全部装进去。
默认是 24 小时。12 小时可以在设置里选。0 和 24 都不出现 — 只有 12 不变,这只钟便有了一点特别的样子。PM 这一侧,从 13、14、15…… 一路排到 23,大大方方写在表盘上。早上看,傍晚看,12 始终在头顶。AM 与 PM 的对调,就在这正上方的 12 处一瞬完成。一天里那块不动的锚 — 设计里,只有 12 是固定的。
不只是用来练习读钟,还要让它每天都派上用场。已经做完的事,留在表盘上;接下来要做的事,提前安顿好。
打开 「活动」 菜单,挑一个 — 早饭、洗澡、睡觉,放到表盘上你喜欢的时刻。做完那一刻放,就是一枚「已经做完了」的活动印章;放在未来,就是一枚「马上要做了」的活动印章。指针走近计划那一刻,印章会轻轻地 一蹦一蹦 跳起来。
在吃早饭的时刻盖一个章。在洗澡的时刻盖一个章。一天结束,表盘上排着今天走过的脚印。把「已经做完」一件件叠在时钟上,就这么玩。
先把睡觉的时刻放好,等指针快走到那里,印章就会自顾自地一蹦一蹦地跳。这是孩子主动跑来看时钟、问「还有几分钟?」的契机。
把「已经做完」放上去,就是一起记下:一件事结束的那一刻,指针停在了哪里。把「等会儿要做」放上去,就是一起守候:指针走到下一件事开始的位置。 扶嗒托基 教学时钟 应用 想给孩子看的,不止是指针的动作,而是时钟陪在生活的每一个节点旁,见证一刻一刻的转折。
和别的益智时钟比起来,扶嗒托基 教学时钟 应用 故意没采用的设计,有这么几样。把这些选择和原因列在这里。
设备横放,AM 与 PM 左右并排;竖放,就上下排列。手机、平板还是电脑,版面会照着屏幕大小自己调整。
设置只保留在设备本地,不需要注册账号,没有广告,也没有针对个人的追踪。代码里连 Google Fonts 都拿掉了。
绘图框架,我们没有选 React,也没选 Flutter,挑了轻量的 SolidJS。图形用 SVG。为了在动画里阻止不必要的重绘,自己做了一个小库 chronostasis 集成进去。不必再买新设备 — 让家里那块睡着的平板,接着发光,做一只挂钟。
源代码已在 GitHub 公开。
先告诉孩子「指针走到蓝色那块就要『出发』啦」。再用自由旋转模式和孩子一起倒数:「还有两段颜色就出门」。
换上「天空色」,这一刻天空真正的颜色,会原原本本出现在表盘上。「天黑了就『刷牙』」,一眼就能看见。
按一下「抽一个」,会随机出一个 15 分钟刻度的时刻。家长读题,孩子凭指针位置回答 — 一场亲子小测验。
关于 扶嗒托基 教学时钟 应用,先把家长们常问的问题答一答。
老实说,目前只在作者自己的孩子(N=1)身上试过。
那个孩子,5 岁开始用的。她原本会读数字钟,可幼儿园里别的孩子都已经会读、会写指针钟,只有她不会,有一阵子相当沮丧。开始用 扶嗒托基 教学时钟 应用 没多久,在这个应用里她已经能读指针钟了 —— 真正的挂钟还谈不上,可应用里已经可以 —— 沮丧的事好像也忘得差不多。她吸收得这么快,我甚至怀疑「其实她早就会了吧」。
这里能推测的是:对一个数字钟已经能读、只是看不懂指针钟原理的孩子,扶嗒托基 教学时钟 应用 可能见效较快。可这只是一个孩子的样本,还不能下定论。
现在能说的,只有这一句:从孩子开始对时钟感兴趣的时候,就可以试一下。表盘上显示的信息量,可以照着孩子的理解程度增减,所以如果不合适,可以换一下画面配置。
扶嗒托基 教学时钟 应用 设计成一只促进亲子对话的工具。三步走比较推荐:先用「圆点 × 清爽」熟悉时钟的存在 → 再用「分段 × 细细」认识分钟的机制 → 走到「分段 × 清爽」,没有分钟数字也能读。带对话样例的详细用法,都收在使用指南里。
完全免费。没有账号注册,没有应用内购,没有广告,也没有追踪个人的机制。打开浏览器就能用。
这个 app 本来是我给自己孩子做的一个教学时钟。没想到学得很快,没几天就会看时钟了,所以我就想着顺便分给用得上的人。futatoki.app 域名要花点钱维护,不过无所谓。
商用、非商用皆可,无需署名,可以自由使用。课堂投影、纳入分发资料、博客或社交媒体介绍、向家长分享 URL/二维码、用于教师培训——这些都不需要事先获得许可。
可以。本应用支持安装,加到主屏幕之后,即便离线也能启动、运行。在没 Wi-Fi、没信号的车里,它依然是一只时钟。
可以,打开浏览器就能用。在自由旋转模式下,不必瞄着指针,画面任意一处一拖,时钟就跟着转。电脑、平板、手机,操作都一样。(自由旋转模式 3 分钟没有操作,会自动回到时钟画面。)
只要装有较新的浏览器(Chrome、Safari、Edge 等),手机、平板、电脑都行。如果家里有不再用的平板,推荐加到主屏幕全屏启动,立起来当一只墙上的挂钟。
AM 和 PM 左右并排,上午/下午的换算一眼看见;画面任意一处一拖,指针就跟着转;按「叠起来 / 分开」来回切换,平时叠在一起的时钟真貌,一目了然;每小时一种颜色,时刻边界更好辨认 — 这些在真实时钟上很难做到,只有应用里才做得出的表现。
在自由旋转模式下按「抽一个」,会出一个 15 分钟刻度的随机时刻。家长读「几点呀?」,孩子凭指针位置回答 — 一个简单的小测验,玩起来就这么轻巧。也可以用手指快速画圈,在停手的位置猜「这是几点?」,这样玩也行。
不能。
这是设计上故意做的选择。「叠起来 / 分开」本来就是用来通过操作确认时钟结构的功能,我们没把「像普通时钟那样把一张表盘搁在中间」作为常态显示模式提供。
如果想这样的是大人,那就请稍微忍一忍。
如果想这样的是孩子本人,那就是孩子从这只钟「毕业」的时刻。扶嗒托基 教学时钟 应用 是为了陪孩子走到读懂时钟为止的工具。读懂之后,街角墙上的钟、手腕上的表、其他时钟应用,都已经在等着了。