Skip to main content
版本:v3

表盘规范

表盘是智能可穿戴设备核心体验要素也是用户最常使用的功能。表盘既有传统手表的时间显示能力,同时又具备了不同种类数据展示的功能,表盘的设计需要适应用户的个性化需求,并匹配不同场景。

表盘示例

构成

时间

时分秒

  • 数字、指针。
  • 手表指针显示顺序是秒针在最上,中间层是分针,最下层是时针。

时分秒

上午下午

  • 文字。

星期

  • 图片、指针、进度。

星期

年月日

  • 图片、指针、进度。
  • 如表盘显示年,必须年/月/日一起,显示不支持年分开显示。

年月日

农历

  • 文字
  • 可单独配置节日/节气坐标

农历

运动

步数

  • 图标、图片、数字、指针、进度。
  • 步数数字显示:最大5位数“00000”。
  • 目标步数数字显示:最大5位数“00000”。

运动

距离

  • 图标、数字。
  • 距离数字显示:最大4位数“0.00”,“00.0”。

距离

卡路里

  • 图标、图片、数字、指针、进度。
  • 消耗数字显示:最大4位数“0000”。

卡路里

站立

  • 图标、图片、数字、指针、进度。
  • 当前站立显示:最大2位数“00”。
  • 站立目标显示: 12 小时 (固定)

站立

健康

心率

  • 由图标、图片、数字、指针、进度组成。
  • 心率数字显示:最大3位数“000”。

心率

PAI

  • 图标、图片、数字、指针、进度。
  • PAI数字显示(最大3位数“000”)。

PAI

天气

温度

  • 图标、图片、数字、指针、进度。
  • 实时温度显示:最大5位数“-000°”。
  • 最低温度显示:最大5位数“-000°”。
  • 最高温度显示:最大5位数“-000°”。

温度

紫外线

  • 图标、图片、数字、指针、进度
  • 紫外线等级数字显示:最大2位数“00”。

紫外线

湿度

  • 图标、图片、数字、指针、进度
  • 湿度数字显示:最大4位数“000%”。

湿度

空气质量

  • 图标、图片、数字、指针、进度。
  • 空气质量数字显示:最大3位数“000”。
  • 非中国地区无法展示空气质量。替换成湿度

空气质量

日出日落

  • 图标、图片、数字、指针、进度。
  • 当前时间显示:最大5位数“00:00”。
  • 日出时间显示:最大5位数“00:00”。
  • 日落时间显示:最大5位数“00:00”。

日出日落

月相

  • 图片
  • 7/13/30张月相图片

月相

气压

  • 图标、图片、数字、指针、进度。
  • 气压显示:最大5位数“00000”。

气压

系统

电量

  • 图标、图片、数字、指针、进度。
  • 电量数字显示:最大4位数“100%”。

电量

系统状态

  • 图标。
  • 勿扰、蓝牙、锁屏、闹钟(必须设计开关状态)。

系统状态

安全区域

边缘留出 2px 安全距离。顶部和底部留出状态点和离线语音的展示区域,不摆放重要信息。

安全区域

息屏模式

息屏模式

息屏模式是指表盘在息屏状态下可以有限地显示时间等重要信息,帮助用户在不抬腕情况下的信息获取,它是一个表盘的必备模式; 息屏模式的显示分为两类,跟随当前表盘的息屏和用户可单独选择设置的表盘;跟随当前表盘的息屏需要表盘设计者单独设计,设计规范请参考息屏视觉规范

设计规则

  • 尽量减少表盘元素,亮起像素不超过屏幕的10%
  • 表盘指针不要秒针
  • 表盘底色必须为黑(#000000),指针主色必须为白(#FFFFFF)
  • 保持指针/数字切图尺寸一致
  • 由于要在息屏与亮屏切换,所以尽量减少元素移动,避免切换时的跳动
  • 为保证辨识度,保留基本的时间刻度(非强制)
  • 除时间外,其他元素取舍优先级为:步数>日期>天气>电量>心率>其他(非强制但基本遵守)

指针处理方法

指针剪影/数字剪影 + 外边缘黑色描边

  • 去掉渐变、高光、阴影等质感类的参数,保留指针/数字的剪影图形
  • 指针增加外边缘1~2px的黑色描边,作用是:区分指针的上下层关系,区分指针与数据的上下层关系
  • 可根据表盘特点增加指针颜色,但尽量要少

指针处理

白膜 + 外边缘黑色描边

  • 指针保留部分结构性光影,整体为“白膜”效果
  • 指针增加外边缘1~2px的黑色描边,作用是:区分指针的上下层关系,区分指针与数据的上下层关系

指针处理

数字时间处理方法

字体描边或缩小字体

  • 数字时间一般图形面积较大,所以采用外轮廓描边处理,描边宽度不少于2px
  • 描边颜色选取明度较高的白色或彩色,当亮起面积小于10%时,则可以不使用描边处理

数字时间处理

默认数据

表盘预览图和制作表盘时默认数据需要按照以下规范输入

时间

  • 数字/指针时间:10:09:36 10:09:36(秒针角度可以自己选,避开主要元素,避免遮挡即可)
    时:304 度(时针跟随分钟变动,不跟随秒针变动)
    分:54 度(分针不跟随秒变动)
    秒:216 度(秒针只要不转满一圈,可以任意调整角度,分时针不用变)
  • 日期: 02/08

健康

  • 热量:280千卡、280kcal
  • 心率:86次/分、86bpm
  • 步数:8670步、8670steps
  • 距离:5.30

天气

  • 天气:22°C/-108°F (单位支持华氏度与摄氏度切换)
  • 湿度:42%
  • AQI (空气质量指数):26
  • UVI(紫外线):4
  • 日出:06:30 日落:06:30

设置

  • 电量:75%

星期月份缩写规范

类型大小写全大写首字母大写,以点(.)结尾缩写1缩写2
星期1. Monday
2. Tuesday
3. Wednesday
4. Thursday
5. Friday
6. Saturday
7. Sunday
1. MONDAY
2. TUESDAY
3. WEDNESDAY
4. THURSDAY
5. FRIDAY
6. SATURDAY
7. SUNDAY
1. Mon.
2. Tue./Tues.
3. Wed.
4. Thu./Thur./Thurs.
5. Fri.
6. Sat.
7. Sun.
1. MON
2. TUE/TUES
3. WED
4. THU/THUR/THURS
5. FRI
6. SAT
7. SUN
1. Mo.
2. Tu.
3. We.
4. Th.
5. Fr.
6. Sa.
7. Su.
月份1. January
2. February
3. March
4. April
5. May
6. June
7. July
8. August
9. September
10. October
11. November
12. December
1. JANUARY
2. FEBRUARY
3. MARCH
4. APRIL
5. MAY
6. JUNE
7. JULY
8. AUGUST
9. SEPTEMBER
10. OCTOBER
11. NOVEMBER
12. DECEMBER
1. Jan.
2. Feb.
3. Mar.
4. Apr.
5. May
6. Jun.
7. Jul.
8. Aug.
9. Sep./Sept.
10. Oct.
11. Nov.
12. Dec.
1. JAN
2. FEB
3. MAR
4. APR
5. MAY
6. JUN
7. JUL
8. AUG
9. SEP/SEPT
10. OCT
11. NOV
12. DEC

命名规则

连续元素必须以0~9结尾,以保证读写正确。

基础数据

类型命名说明
时间time_# ( “#” 序列 0~9)当时/分/秒数字字体样式相同时,采用统一命名。
hour_#,minute_#,second_#当时/分/秒数字字体样式不同时,采用单独命名。
指针hour,minute,second当时/分/秒是指针样式时,采用单独命名。
数字font_#_(0~9)例:“ font_power_1 ”,
空数据 “ - - ”#_invalid例:“ heart_invalid ”
分隔符 “ / ”slash常用于日期,温度分割,例:“12/04”
分隔符 “ - ”negative常用于日期分割,温度,例:“12-04”
分隔符 “ : ”colon常用于时间分割,例:“10:09”
分隔符 “ . ”dot常用于时间记录分割,例:“1:30.27”
分隔符 “ % ”percent常用于电量百分比,例:“100%”
上午am_#
下午pm_#
月份month_#_(jan~dec)
年份year_#
背景bg
线性进度#_line
环形进度#_circle
自定义进度#stage(0~10)
应用预览图preview_#“ # ” 语言分类,简体 (sc),繁体 (tc),英文 (en)
手表预览图preview_#“ # ” 语言分类,简体 (sc),繁体 (tc),英文 (en)

类型数据

类型命名说明自定义进度最大位数
心率heart6段3 位(000)
消耗calorie10段4 位(0000)
paipai10段3 位(000)
步数step10段5 位(00000)
距离distance5 位(00000)
天气多云:0
阵雨:1
阵雪:2
晴天:3
阴天:4
小雨:5
小雪:6
中雨:7
中雪:8
大雪:9
大雨:10
沙尘暴:11
雨夹雪:12
雾:13
霾:14
雷阵雨:15
暴雪:16
浮尘:17
特大暴雨:18
雨加冰雹:19
雷阵雨伴有冰雹:20
大暴雨:21
扬尘:22
强沙尘暴:23
暴雨:24
未知天气:25
夜间多云:26
夜间阵雨:27
夜间晴:28
切图必须要对应数字
温度temperature10段3位(000)
湿度humidity10段3 位(000)
紫外线uvi10段2 位(00)
空气质量aqi6段3 位(000)
日出sunrise
日落sunset
电量power10段3位(000)
蓝牙connect/disconnect
锁屏lock / unlock
闹钟clock / unclock
勿扰DNDoff / DNDopen

切图规范

元素

  • 同类元素切图大小保持一致,安全距离最少保持2px。
  • 指针:指针切图宽度必须为奇数,高度不限。红色色块的宽高是指针的旋转中心点。

指针

预览图

每个表盘必需提供预览图切图

设备分辨率缩略图尺寸
480*480324*324
454*454306*306
416*416280*280
390*450266*306
402*476273*316
302*320202*214
306*354210*242