Garmin 表盘设计预览工具

此工具可在浏览器中预览圆形表盘。它绘制出商务风格的布局，包含时间、日期、步数和心率，且每个元素都可以重新着色。预览会随着颜色的改变而实时更新，完成的设计可以下载为 PNG 图片。

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

预览显示的内容

该表盘采用大多数圆形表盘常见的布局：

• 顶部显示日期
• 中间显示大号时间
• 下方并排显示步数和心率
• 边缘的表圈上带有时刻刻度

示例读数可以修改，以便用真实的数字来评估设计效果。四位数的步数比两位数占用更多空间，12 小时制的时钟还会多出上午或下午的标记。

为什么使用深色配色方案

大多数圆形 Garmin 手表使用 memory-in-pixel 或 OLED 显示屏。在 OLED 屏幕上，深色背景更省电，因为黑色像素会直接关闭。深色表盘在强烈阳光下也更容易看清，因为浅色背景会反射刺眼的光线。

正因如此，这里提供的预设配色都是深色的。用户仍然可以选择浅色背景，但工具会提示这种做法偏离了常规。

对比度与可读性

手表通常需要在光线不佳或运动中一瞥即读，因此对比度比手机屏幕更重要。该工具使用 WCAG 2.1 公式计算每个元素与背景之间的对比度。

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

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

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 作为折中尺寸。

为什么我的颜色在手表上看起来不一样？

不同手表屏幕的亮度和色彩还原能力各不相同，memory-in-pixel 屏幕能显示的色彩范围也有限。请将预览当作参考，再到真实屏幕上进行检查。

对比度数字代表什么？

这些是来自 WCAG 2.1 无障碍标准的比值，与网站所使用的度量方式相同。数值越高，就越容易看清。