Skip to content

Main Navigation首页产品设计营销 Studio ConnectIQ 运维

Appearance

Sidebar Navigation

1. 设计理念

1.1 品牌视觉定位 1.2 用户画像 1.3 核心体验价值 1.4 屏幕差异设计理念

2. 设计规范

2.1 画布尺寸和模板 2.2 颜色规范 2.3 字体规范 2.3.1 字体名称科普 2.4 布局系统 2.5 图标规范

3. 表盘模板库

3.1 时间布局模板 3.2 指针表盘模板 3.3 信息区模板

4. 素材库

4.1 背景图 4.2 动态素材 4.3 字体库 4.4 图标库 4.5 SVG 元件 4.6 预设调色盘

5. 开发对接文档

5.1 资源命名规范 5.2 文件结构 5.3 动态规则 5.4 IconResolver 对应表 5.5 字体导入规范 5.6 性能要求

6. 教程与案例

6.1 Figma 流程 6.2 大时间等宽数字制作 6.3 字体制作 6.4 背景处理 6.5 多设备适配 6.6 常见错误指南 6.7 新人速成 6.8 发布 Checklist 6.9 开发者速成文档

7. 字体和图片素材处理

7.1 关于字体的一些知识 7.2 字体文件的处理流程 7.3 将现有 ttf 文件导出为 svg 7.4 图标编辑和资源 7.5 天气图标处理 7.6 图标合并 7.7 method-drawText 方法说明

On this page

Table of Contents for current page

SVG 元件

Wristo 表盘设计 · 素材库 · SVG 元件

Previous page4.4 图标库

Next page4.6 预设调色盘