Garmin 表盘设计预览工具

此工具可在浏览器中预览圆形表盘。它绘制商务风格的布局，显示时间、日期、步数和心率，并允许分别重新着色各个元素。颜色变化时，预览会随之更新，完成后的设计可以下载为 PNG 图像。

这只是设计预览。它不会连接手表，也不会生成可安装的表盘。

预览显示的内容

表盘采用大多数圆形表盘最终使用的布局：

• 顶部显示日期
• 中间以大号字体显示时间
• 步数和心率并排显示在下方
• 边缘周围带有小时刻度的表圈

可以更改示例读数，以便用贴近实际的数字评估设计。四位数步数比两位数步数占用更多空间，而12小时制时钟会添加上午或下午标记。

为什么采用深色配色方案

大多数圆形 Garmin 手表使用像素内存显示屏或 OLED 显示屏。在 OLED 屏幕上，深色背景耗电更少，因为黑色像素会直接关闭。在明亮的阳光下，深色表盘也更容易读取，因为浅色背景会反射眩光。

这里的预设全部采用深色，原因就在于此。仍然可以选择浅色背景，但工具会指出这偏离了通常的做法。

对比度与可读性

人们通常需要一眼读懂手表上的内容，而且经常是在光线不足或移动中读取，因此对比度比手机上的更为重要。此工具使用 WCAG 2.1 公式，测量每个元素与背景之间的对比度。

该比率比较两种颜色的相对亮度：

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

其中，C 是对比度。

L1 是较亮的亮度，L2 是较暗的亮度。结果范围从1:1（表示颜色完全相同）到黑字白底时的21:1。

有两个阈值值得了解：

• 3:1 是大号文本的最低值
• 4.5:1 是普通大小文本的最低值

时间显示较大，因此原则上3:1就足够，但在户外使用时，对比度越高越好。较小的标签最好达到4.5:1或更高。

算例

以#0b1020这种非常深的海军蓝作为背景，并使用 #ffffff 的白色文字。对比度约为18:1，在任何光线下都易于读取。

将步数的颜色改为#2a3a5e，这是一种接近背景色的蓝色，对比度会降至约1.6:1。此时从一臂远处几乎看不清这个数字，工具会将其标记出来。

下载设计

下载按钮会将实时预览转换为320×320像素的 PNG 图像。图像在浏览器中生成，不会上传任何内容。该文件可用作设计样稿、分享以征求反馈，或在使用 Garmin 的 Connect IQ 工具构建实际表盘时作为参考。

常见问题

这会创建一个可以安装的表盘吗？

不会。它生成的是设计图像。要构建可安装的表盘，需要使用 Garmin 的 Connect IQ SDK 或 Garmin Watch Face Builder。

手表是圆的，为什么预览却是方的？

该图像是一个方形画布，内部绘制了圆形表盘，这是通常制作表盘图形的方式。手表上不会显示四角部分。

实际表盘应当采用多大尺寸？

这取决于具体型号。常见的圆形 Garmin 显示屏尺寸有240×240、260×260和416×416像素。预览采用320×320像素，作为折中的尺寸。

为什么我在手表上看到的颜色不同？

手表显示屏的亮度和色彩还原各不相同，而像素内存显示屏只能显示有限的调色板。应将预览视为参考，然后检查实际屏幕。

对比度数值是什么意思？

这些数值是来自 WCAG 2.1 无障碍标准的比率，网站也使用同一种衡量方式。数值越高，越容易读取。