设计个人Pebble手表表盘

# 设计一块专属的 Pebble 手表表盘 来源：https://www.jonashietala.se/blog/2026/06/26/designing_a_personal_pebble_watchface/ 我最近入手了一块 [Pebble Time 2](https://repebble.com/watch)，因为看起来是一块有趣的智能手表，远离 Google/Apple/Samsung，而且续航长达四周。我想做的一件事就是为我自己的特定问题创建一块自定义手表表盘。 设计这个表盘花费的精力比我预想的要多，而且其中一些功能的背后凝聚了惊人的大量思考，所以我觉得写点东西会很有趣。 ## 我希望手表帮我解决的问题 要描述过去大约六个月我经历的事情很难。始于一场[普通的抑郁症](https://www.jonashietala.se/blog/2023/03/14/battling_burnout/)（是的，“普通的抑郁症”已经说明了很多），但随之而来的像是强度的巨大提升；那些我长期以来一直能够应付的问题突然变得难以承受。 我一直觉得开始做家务和无聊的任务很难，但现在感觉像是在流沙中游泳。 同时，我面临严重的**过度专注**问题。我可能会开始做某件事，然后一整天就消失了；我会在电脑前坐 8 小时不休息，被迫打断去接孩子放学，然后意识到自己膀胱快炸了、还没吃午饭。之后我会花剩下的一整天去思考它，甚至难以入睡，因为我**仍在**思考它。 不用说，我的时间管理已经彻底崩溃，甚至破天荒地错过了预约。 当然，一个手表表盘解决不了这些问题，但我很绝望，而且我尝试的一切都无济于事。具体来说，我希望手表能在这些方面帮助我： 1. 概览今天的日历。 2. 开始做任务。 3. 提醒打破过度专注。 我本想把这个表盘命名为“ADHD 英雄”，但这有点太直白，因为我并没有被诊断为 ADHD（还没……调查正在进行中，但这过程不短）。 ### 一块**仅属于我**的表盘 我喜欢开源，但我不打算发布这个表盘。这个表盘的整个目的是消除我生活中的摩擦，而不是制造另一个焦虑源。这样我可以自由地更改它、重写它、用各种感觉污染它，并且可以专注于把它做得对我自己足够好，而不必担心他人。 我鼓励你随便拿走你喜欢的部分，创建自己的表盘；这对 Pebble 来说很简单。 ## 用 Claude 进行原型设计 我深信能够快速迭代不同原型的能力。我成功使用过 Claude 来[生成 HTML 原型](https://thariqs.github.io/html-effectiveness/)，它可以吐出这样的图片： 从设计角度看，它有好有坏，Claude 似乎缺乏创造力和品味（但有时也能想出好主意）。你需要正确引导它，我习惯让它生成一个概念的好几个变体，然后从中迭代。本文中所有图片都是在开发的不同阶段以这种方式生成的。 它还可以快速生成**交互式**原型，比如这个嵌入的小部件，模拟了（几乎）整个表盘及其功能： 开始任务 蓝牙睡眠Todoist 环形事件**4** 步数 #### 电池 正常低电量严重低 由 Claude 生成的表盘模拟。这非常有用，我用它来微调楔形几何、配色方案、芯片音乐库等等。 ## 寻找风格 表盘的设计在我拥有手表之前、在写一行代码之前就开始了。最初的感觉非常不同；它是一个更干净、更统一的设计，没有那么多杂乱，一切遵循一致的设计语言。 我当时就**知道**它很完美。 最初的表盘。跟踪任务。 当手表到手后，我构建了它，然后发现它**糟透了**。太无聊了…… 我看到了 [Comic Drop](https://apps.repebble.com/comic-drop_d6c48195f8d14244bbc934d7) 表盘，它的漫画书面板布局非常有趣。如果能有一个类似的漫画书面板布局来显示一天中的事件，那不是很好吗？也许它们可以动态变化，在一天中移动？ 漫画书面板分割。如果能在早上工作时显示一个电脑的像素图，在应该锻炼时显示一个杠铃的图片，那该多好。可惜这超出了我目前的技能水平，所以我不得不放弃这个想法。 于是我又回到了最初的设计，但在“漫画书”风格上迭代，采用了更粗的线条、更亮的颜色和更多的不规则性： 231/10新的漫画书风格，包含后面会讨论的元素。这是一个更有趣的表盘，戴在手腕上比第一次迭代好看多了。当然不完美，但能引起我的兴趣，这才是关键。 ## 日历概览 我希望能够扫一眼手表就看到日历。像 [Sectograph](https://sectograph.com/) 这样的表盘会在时钟内添加事件信息（所以 1 点到 2 点之间的事件会为模拟时钟的那段区域着色），我想要类似的东西。 以下是一些原型，让你了解我在说什么： 一天中的单个事件。接下来 6 小时内的四个事件。排得满满的一天。 这**希望**能让我更好地规划一天。 我的设计中一个明显的省略是没有事件文字描述。这很好，但也会让我想要的设计显得杂乱。对我来说重要的不是事件是什么，而是“到底有没有事件”。 ### 非均匀性 我的大脑非常擅长过滤掉静态和无聊的信息。例如，我尝试在手机上放日历、[Habitica](https://habitica.com/) 和 [Todoist](https://www.todoist.com/) 小部件来帮助我跟踪事件/习惯/任务……但没过多久我的大脑就开始完全忽略它们，尽管它们占了屏幕的 80%。我说忽略是字面意思：我完全不再注意到它们了。 所以我尝试通过随机化事件的几何形状来增加趣味。看这两个例子： 均匀事件。非均匀事件。 对我来说，非均匀的原型在视觉上更有趣，变化的几何形状应该能防止我把它们过滤掉。 你可能会说，更圆润的均匀版本在 [Pebble Round 2](https://repebble.com/watch) 上会更好看，这很公平。这里有一个类似的模拟图，但采用了圆形的几何形状： Round 2 上的均匀事件。Round 2 上的非均匀事件。 我仍然认为非均匀变体更能吸引眼球，并且更好地解决了我的具体问题，但不可否认，圆形布局在圆形手表上非常合适。 ### 向 12 点移动 另一个想法是，不是将事件静态固定在它们的时间点上，而是让事件向 12 点的“现在”移动。所以，渲染在 3 点的事件是 3 小时后，而重叠 12 点的事件是正在进行的。 虽然这让我无法轻松回顾我的一天（过去的事件消失），但它让我更容易感受到事件临近时的紧迫感。也许有点奇怪，但在实践中感觉很好。 下面是同一个事件在生命周期中的表现：从 3 点钟方向漂移进来，经过 12 点时正在进行（倒计时条在时钟里消耗），然后一旦成为过去就消失。 类似这样： 事件还有几个小时。事件正在进行。事件已成为过去并消失了。 ### 完成倒计时 这效果不错，但有一个问题：如何区分一个事件即将在一分钟后开始和一个已经进行了一段时间的事件？因为事件在 12 点处被截断，无法一眼看出。 起初我尝试放大事件的楔形，如果正在进行就让它接触时钟。这有点奇怪，所以我改为用进行中的事件为时钟轮廓着色。然后我意识到，为什么不做一个类似 [Time Timer](https://www.timetimer.com/) 的轮廓，倒计时显示事件的剩余时间呢？ 事件完成时倒计时条逐渐消耗。实际上这效果非常好。 ## 工作计时器 我相当喜欢[完成倒计时](https://www.jonashietala.se/blog/2026/06/26/designing_a_personal_pebble_watchface/#Completion-countdown)用于日历事件。这种设计通常与跟踪任务相关联（例如在[番茄工作法](https://en.wikipedia.org/wiki/Pomodoro_Technique)中），所以为什么不也加到手表上呢？ 例如，我可能想配置一段 60 分钟工作 / 15 分钟休息 / 60 分钟工作，然后停止工作。很标准的东西。由于我很难开始，我加了一个变体：工作块应该有 5 分钟的热身时间。所以时间线是这样的： 热身工作 休息 热身工作 60 分钟 15 分钟 60 分钟 我认为让那个倒计时（从满到空）而工作块正向计时（从空到满）是有道理的，就像这样： 任务：5 分钟热身，接着两轮 1 小时，中间 15 分钟休息。### 在 Pebble 表盘上启动/停止计时器 这是一篇关于设计的文章，不是关于实现的，但我仍然需要解决如何实现工作计时器开关的问题。 问题在于 Pebble 表盘是一个后台进程，不能与 Pebble 的物理按钮交互。你可以将按钮绑定到快速启动 Pebble 应用，但**不能**应用到**表盘**。表盘可以检测手表上的点击和轻触，但不能与其他应用通信。 有几种方法可以绕过这个问题： 1. 仅通过点击切换。 2. 实现为 Pebble 应用，而不是表盘。 3. 添加一个新的 Pebble 应用（绑定到一个按钮），通过伴侣应用与表盘进行往返命令。按下 → 切换 → Pebble 应用 → 手机上的伴侣应用 → 表盘。 我首先尝试通过点击实现切换，但它太不可靠了。如果走应用路线，我将不得不一直重新启动它，这带来了不可接受的摩擦。剩下的就是那个古怪的手机往返解决方案了。 我已经需要一个用于日历同步的伴侣应用，但这仍然让我感到不安。 ## 清除警报和强制休息 我之前尝试过闹钟、[番茄工作法](https://en.wikipedia.org/wiki/Pomodoro_Technique)等，但它们都有相同的失败模式：我干脆忽略闹钟，继续做我正在做的事情。 > 一个番茄钟不能被中断；它标志着 25 分钟的纯粹工作。 我不知道，它可能只有 2 分钟，也可能像 200 分钟一样。 所以我想，我要尝试**强迫**自己休息，让清除闹钟变得很烦人（有点像[手榴弹闹钟](https://www.techshout.com/hand-grenade-alarm-clock-promises-to-wake-you-up/)，但是腕带形式）。表盘可以震动、播放声音、响应步数和检测点击，我设计的流程如下： 1. 当我应该停止工作时闹钟响起 2. 我首先需要走 +20 步才能清除它 3. 完成后，我可以通过在手表上点击几次来解除它 闹钟会改变屏幕，在解除之前震动并播放一段旋律（每 30 秒重复一次）。 视觉上，所需的步数画在边框上（闹钟期间不显示任何事件），闹钟被画成一个漫画风格的爆炸（点击它会使爆炸缩小）。就像这样： 解除一天结束时的闹钟。### 实际效果如何？ 这是一个很酷的设置，它**确实**有帮助，但失败的情况仍然很多。 大多数时候我忘记启动工作计时器，其他时候我可以通过像疯子一样挥动手臂来增加足够的步数，然后继续工作。（如果提高步数要求，那么在我实际走路时解除就会变得很烦人。） 也许还能调得更好。 ### 其他类型的警报 暂停该休息了停止停止工作结束一天手动闹钟 视觉上，我使用了一些不同的警报： - 暂停（表示两个工作块之间的短暂休息开始） - 停止（表示所有工作块结束） - 结束一天（工作日完全结束） - 手动闹钟（普通的单次闹钟，无需解除） 我在视觉上区分了它们，每个都使用独特的震动和旋律。 ## 其他信息 我以前用过那些塞满各种信息和图表的表盘，看起来很酷几分钟，之后就再也没看过它们了。但有一些东西我会经常瞥一眼，比如日期，或者手表是否失去了与手机的连接。 ### 日期和周数 以下是一些我喜欢的但最终放弃的日期原型： 难点在于不要让日期和后面会提到的其他元素把表盘挤得太满。最后我选择了简单的 `31/10` 标签和一个小的周数文本，不带背景，因为我不经常看周数： v.4431/10日期标签与周数标签自由浮动。我对周数显示并不完全满意（黄色标签更有趣），但我想也够用了。 ### 步数计数器 找到我喜欢的步数计数器设计真的很难。我尝试的一切都感觉不对。以下是三次尝试： 步数在边缘跟踪。某种健康条。3步数在单独一列中。 在大部分设计时间里，我都在边缘跟踪步数（你可以在本文很多原型图片中看到步数元素），但最终它引入了一点多余的杂乱，我不太喜欢。虽然上面另外两次尝试很粗糙，可以再打磨，但我觉得它们没有潜力。（我认为，在设计过程中审视和剪掉分支很重要。） 然后我有了一个顿悟：我并不关心精确的步数。显示步数的唯一目的是帮助我保持步数，这样我就不会整天坐在电脑前，拥有