小米手表表盘设计指南:5 分钟用上 Mi-Create 免费可视化创作工具
2026/8/26 14:59:51 网站建设 项目流程

小米手表表盘设计指南:5 分钟用上 Mi-Create 免费可视化创作工具

【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create

Mi-Create 是一款免费的小米手表表盘设计工具:可视化拖拽、无需编程,支持 2021 年及以后的小米穿戴设备,你只需会拖拽,就能做出可以装上腕上的自定义表盘。

🚀 先跑起来:安装与启动

  • 先装 Python,版本要求 3.12 或更高。
  • Windows 用户嫌命令行麻烦,可以直接去发布页下载安装包,免环境配置。
git clone https://gitcode.com/gh_mirrors/mi/Mi-Create pip install -r requirements.txt python src/main.py

三条命令跑完,主界面就会弹出来。后面提到的目录路径都是相对仓库根目录的。

🗂️ 界面速览:三块区域各管什么

三个区域分工

区域位置你在这里做什么
资源面板左侧管理背景图、指针、数字等素材
实时预览画布中央拖组件、调位置,看最终效果
属性面板右侧改类型、坐标、尺寸、透明度等参数

截图里的三个细节

  • 左侧列出了bg.pngcolon.pngday0.png等项目内素材,可直接拖入画布。
  • 中央画布当前选中背景图层,下方是已排好的时间组件。
  • 右侧能看到Widget TypePositionOpacity等字段,改一个数字,画布立刻刷新。

🎯 核心能力:拖拽即所得

常用组件一次备齐

组件库内置时间显示、日期、天气、步数、心率等类型。设计过程所见即所得:拖入、移动、缩放都有实时预览,不用写一行代码。

三种项目格式

  • .fprj:完整表盘设计项目文件,最常用的格式。
  • GMF:实验性支持,对应中文社区常见的wfDef.json
  • 快速 AOD 创建:专为息屏常显模式准备的一条捷径。

素材怎么组织

默认素材就放在仓库里:src/data/default/ 下,analog/分放时、分、秒针图片,numbers/按 0 到 9 分好数字图片。项目支持批量导入,素材列表自带缩略图,选图不用盲猜。

🏃 跟着场景抄作业

以一块运动主题表盘为例,布局按这个顺序搭:

  1. 背景:选一张深色运动风图片铺底。
  2. 时间:组件放居中偏上,用大号无衬线字体,运动中抬眼就能读到。
  3. 数据分区:下方放步数,左右两侧分别放心率和卡路里,保持视觉平衡。
  4. 配色:高对比组合,保证户外强光下依旧清晰。
  5. 收尾检查:预览里确认每个组件都在安全区域内,再核对阳光下的可读性。

🔧 进阶玩法

插件接口

插件开发接口在 src/plugins/libs/plugin_api/,可以创建自定义组件类型、增加新的导出格式,或对接第三方数据 API。

多语言与主题

  • 界面语言文件在 src/locales/,内置中文、英文等语言包。
  • 主题配置在 src/themes/Default/,深浅两套配色一键切换。

性能四条建议

  1. 图片按手表屏幕分辨率适配,别塞超大文件。
  2. 组件只留必要的,减少渲染负担。
  3. 动画适度,过度动效费电。
  4. 定期清理用不到的素材,保持项目整洁。

🩹 避坑手册

表盘显示不全

多半是组件越界。对照src/data/preview_sizes.json里的设备尺寸规范,逐个检查位置参数,必要时用对齐工具归位。

设计过程卡顿

减少同时运行的动画,关掉用不到的实时预览,把资源留给画布本身。

导出文件过大

src/compiler/下的压缩工具压一遍;图片降到适配分辨率;删掉未引用的资源,体积通常立刻下来。

各平台怎么跑

  • Windows:10 1809+ 或 Win11,仅 64 位,建议直接用安装包。
  • Linux:从源码运行,用 Python 虚拟环境隔离依赖。
  • macOS:代码理论上支持,但未充分测试,先在虚拟环境里试。

Mi-Create 适合两类人:想给小米手表换一块不撞脸表盘的你,以及第一次做表盘定制的新手。建议直接克隆仓库、跑起来试做第一块,遇到卡壳或想提功能,去 Issue 区提一嘴即可。

【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询