小米手表表盘设计:用 Mi-Create 十分钟做出第一块

📅 2026/8/23 15:14:03
小米手表表盘设计:用 Mi-Create 十分钟做出第一块
小米手表表盘设计用 Mi-Create 十分钟做出第一块【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-CreateMi-Create 是开源的小米手表表盘设计工具覆盖 2021 年后的手表与手环可视化编辑器里布局按真机分辨率预览导出即装。周一早上切成只留时间和日期的版本跑步前换上带步数的款一次导出只要几分钟。它解决什么Mi-Create 是开源的表盘设计工具服务对象是 2021 年后的小米手表和手环。软件预置了整套素材数字字体、指针图、默认背景全程拖拽完成不碰绘图软件也不写代码。导出前可以按目标机型的真实分辨率检查效果装上去就不用返工。你的场景Mi-Create 的对应能力每周想换表盘但官方选项有限拖拽编辑背景、数字、指针自由组合一套设计要配多台设备预置各机型分辨率参数逐个预览没有设计经验右侧属性区用数字调位置、尺寸、不透明度做完就想马上装上导出与所选机型匹配的表盘文件⚙️ 安装并首次启动 Mi-Creategit clone https://gitcode.com/gh_mirrors/mi/Mi-Create cd Mi-Create pip install -r requirements.txt python src/main.py启动后进入三栏编辑界面左资源区是能拖的素材库中间预览区是实时刷新的表盘画布右侧属性区用来做数值精调。新建项目时先按目标机型选画布尺寸下面 10 分钟教程会按顺序用到这三个区边操作边熟悉布局。 实操十分钟做出「运动黑金」小米手表表盘这条表盘制作教程用一个具体案例走完全程黑底 金色数字 一行步数不加别的装饰。目标画布 466×466是小米手表 S1/S2/Color 2 的分辨率换其他型号也照做只改画布数字。第 1 分钟定布局先想好 466×466 上的格子画布本质是个圆形。把两位数的时、分放大放在上方秒数小一点和步数一起放到下方四周留一圈空白。这个布局让最重要的信息待在中间小屏机型上也不会挤。第 2-3 分钟拖素材黑底和金色数字进画布在左资源区找到默认背景和数字库src/data/default/numbers/ 下 0~9 的数字图。把背景拖到画布正中再逐个把数字图拖到画布上方间距保持相等素材库里的指针图在这个案例用不上改做模拟表盘时再拖进来。中间预览区实时给反馈摆歪了直接拖回来。第 3-6 分钟调属性右侧面板改数Ctrl 逐像素微调选中任意元素右侧属性区能改它的位置坐标、尺寸和不透明度。把数字尺寸统一再按住 Ctrl 逐像素微调位置让时分在 466 画布上水平居中。默认数字偏白改成金色后把不透明度降到九成左右金属感更稳步数用灰一点的颜色保证层级压在金色数字之后。第 6-8 分钟多设备预览S1 Pro 与 Redmi 机型验证打开设备预览逐个切机型小米手表 S1 Pro 是 480×480Redmi/Poco Watch 是 320×360手环 8 也在列表里尺寸以 src/data/devices.json 为准。设备适配的判断标准很简单最小画布上边缘元素不裁切、数字不压缩更大的屏肯定没问题。第 8-10 分钟导出并安装生成匹配机型的表盘文件确认机型和分辨率后点导出。工具按所选画布生成表盘文件再按表盘安装说明把文件传到手表在表盘管理里选择安装。导出前瞄一眼文件大小——背景图越大文件通常越大异常大就先回去压缩图片再导。让表盘显得专业的 3 个细节细节建议值为什么金色数字对黑底对比度 ≥ 4.5:1抬手见阳光时数字不消失配色数量1 黑主色 1 金色点缀金色只给数字其余元素走灰度信息层级时间最大步数减半466 像素画布超过 3 层信息就难读元素间距离画布边缘 ≥ 20 像素给不同机型的圆角和边条留安全距离图片资源尺寸贴合画布PNG 压缩手表内存有限文件过大拖慢加载动效只留指针转动不做全屏动效低功耗设备帧数直接关系续航 装不上 / 显示异常对照这张表症状原因处理表盘装不进手表导出时机型或分辨率选错打开 src/data/devices.json 核对自家型号的画布尺寸重新导出亮环境下数字发虚数字颜色与背景太接近属性区里把数字颜色改深或调低背景不透明度指针转动发顿指针图过大或缺透明通道换更小的透明 PNG并调低动画帧率文件过大安装失败背景图没压缩先压缩图片再删掉不需要的装饰元素换机型后元素被裁只按一块大画布设计用设备预览切到最小画布把靠边元素往里收想继续深入src/plugins/libs/plugin_api/插件 API想加一个没有的数据组件时从这里扩展src/locales/含中文在内的多语言翻译文件补一门语言从 .po 文件入手src/data/内置素材与设备参数文件换默认背景、改数字字体都在这里现在把第一张背景拖进画布距离导出窗口还有 10 分钟。收尾前记得另存为留一版副本改坏了随时回退。【免费下载链接】Mi-CreateUnofficial watchface creator for Xiaomi wearables ~2021 and above项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考