Skip to content
On this page

🎥 2026 · 每周 1 个功能演示视频 · 年计划(共 52 周)

下面是你可以一年完全照着执行的内容计划,每周的主题 + 对应的案例方向(可落地制作)。

为了实现“让设计师学得会”的目标: 每周的视频结构建议保持一致:

功能介绍(20%) → 实操演示(60%) → 案例展示(20%)

备注:我替你合理分布了功能节奏:前期基础、年度中段进阶、年末高阶。


🗂️ Q1 基础功能教学(Week 1–13)

目标:让设计师掌握基础的 SVG 字体、素材导入、图层、组件等最常用功能 案例方向:数字表盘、简易风景表盘、ICON 组件表盘

Week 1

功能:平台首页介绍 & 项目结构 案例:创建第一个极简数字表盘(使用系统字体)

Week 2

功能:SVG 数字导入(等宽数字) 案例:制作「Mono 数字」表盘

Week 3

功能:多图层管理 案例:制作 3 层背景(模糊 + 主体 + 光效)

Week 4

功能:组件拖拽 & 吸附 案例:对齐严格的大数字表盘

Week 5

功能:自定义字体导入(Number Font) 案例:做一套自定义数字字体的大时钟表盘

Week 6

功能:IconResolver 基础 案例:设置电量图标三档切换表盘

Week 7

功能:颜色 Token 基础使用 案例:多主题切换(深色模式 / 浅色模式)

Week 8

功能:背景模糊、自定义滤镜 案例:风景模糊背景 + 数字层

Week 9

功能:图片裁剪 & 固定比例 案例:风景表盘(裁成正方形构图)

Week 10

功能:SVG 图标导入 案例:制作一个天气图标表盘

Week 11

功能:字体间距 & 字号规范 案例:制作一个「极简排版数字表盘」

Week 12

功能:布局网格(Grid) 案例:经典三分构图的数字表盘

Week 13

功能:多分辨率导出 案例:同一设计适配 454 / 416 / 390


🧩 Q2 进阶功能教学(Week 14–26)

目标:教授动态与高级组件,让设计师能够制作更有“系统感”的表盘 案例方向:运动、科技风、天气、极光、城市夜景等高卖套装

Week 14

功能:Weather Provider(天气数据源) 案例:动态天气图标 + 背景色联动

Week 15

功能:DataFetcher(fast / daily 缓存) 案例:制作日落日出表盘(颜色随日夜变化)

Week 16

功能:Rule Engine(JSON 规则切换背景) 案例:随时间段切换颜色(早/午/晚)

Week 17

功能:动态进度环(GoalArc) 案例:步数进度环表盘

Week 18

功能:GlowPulse(发光脉冲组件) 案例:科技风蓝色科技数字表盘

Week 19

功能:Radial Text(弧形文字) 案例:顶部弧形星期 + 大数字布局

Week 20

功能:Scrollable Text(长文本滚动) 案例:天气描述滚动表盘

Week 21

功能:IconResolver 高级用法(多层规则) 案例:天气 + 电量 + 蓝牙 组合动态图标

Week 22

功能:模糊层(Frosted Layer) 案例:风景 + 毛玻璃数字表盘

Week 23

功能:动态背景(日落/日出每日更新) 案例:每日自动更换壁纸表盘

Week 24

功能:矢量数字自动描边 案例:做一套 Outline 数字表盘

Week 25

功能:色板定义(Palette) 案例:制作“夜间 / 日间”两套色板切换

Week 26

功能:卡片组件(Widget-style) 案例:多信息卡片布局表盘


⚙️ Q3 应用场景主题教学(Week 27–39)

目标:让设计师可以做出更具体、更有“市场感”的作品 结合你四个矩阵账号:Landscape / Luxury / Season / Minimal

Week 27

主题:Landscape 风景表盘 功能:背景适配 + 色彩融合 案例:山景 + 白数字

Week 28

主题:Luxury 女性向 功能:光影、粉金渐变 案例:香氛风数字表盘

Week 29

主题:Minimal 极简 功能:留白、对齐 案例:极简大数字 + 线段

Week 30

主题:Season(夏季) 功能:色温控制、光点融合 案例:海边夏季主题

Week 31

主题:城市夜景 案例:夜景 + 霓虹数字

Week 32

主题:运动风 案例:倾斜数字 × 高对比色

Week 33

主题:秋季自然 案例:橙色森林 + 极简数字

Week 34

主题:科技风 功能:HUD、蓝色光 案例:未来感数字表盘

Week 35

主题:女性轻奢 案例:奶油色、珠光、白金边框

Week 36

主题:天气主题 案例:天气图标 + 温度色板

Week 37

主题:夏末 / 秋初 案例:金色草原 + 数字表盘

Week 38

主题:粉金柔光 案例:香槟渐变数字表盘

Week 39

主题:冬季自然 案例:雪景数字表盘


🧬 Q4 高阶创作 & 平台深度教学(Week 40–52)

目标:年度深度用户培养,让设计师做得出“更高级的设计”

Week 40

功能:AI 辅助调色(未来功能预留) 案例:自动调色出三款主题

Week 41

功能:多视图模板(Template System) 案例:从模板做一个完整表盘

Week 42

功能:资源库管理(Asset Library) 案例:制作个人图标库表盘

Week 43

功能:高级 Outline 字体组合 案例:双色 Outline 数字

Week 44

功能:复杂 Rule Engine(按步数/天气切换) 案例:三态切换表盘

Week 45

功能:渐变控制器 案例:双色倾斜渐变数字

Week 46

功能:Shader(GPU 效果) 案例:科技边缘发光表盘

Week 47

功能:自定义背景生成器(未来可加入) 案例:生成不同噪点背景

Week 48

功能:Design Token 体系 案例:同一套 Token 做 3 款表盘

Week 49

功能:多尺寸适配(深度教学) 案例:如何为 8 款设备适配 UI

Week 50

功能:性能优化(MonkeyC 端) 案例:如何减少 draw call

Week 51

功能:创作者运营指南 案例:高销量表盘的结构分析

Week 52

功能:年度总结 + 明年规划 案例:发布「2026 精选集」 你可用这周录“年终大视频”