移动端视频剪辑应用 · 设计作品集

FotoPlay
从一键成片
到专业时间轴

FotoPlay 是一款面向全球市场的移动视频剪辑 App(Android / iOS 双端)。项目围绕 「降低上手门槛」与「保留专业深度」两条主线展开:上手侧用 Try 一键成片、视频模板与卡点主题承接创作动机; 专业侧以主轨道时间轴 + 特效 / 文字 / 字幕 / 画中画 / 关键帧曲线构成完整的编辑链路。 本作品集按功能板块整理,每个板块均取当前最新设计稿。

项目 FotoPlay 新版(含 iOS)
平台 Android · iOS
版本跨度 2.x → 9.6.3
本地化 EN · DE · ES · PT
设计语言 深色优先 · 暖橙强调色
v9.6.3 · LATEST 459 SCREENS · 11 MODULES EN · DE · ES · PT
LIGHT浅色首页
DARK深色首页
18设计画布 / CANVAS
742顶层画板 / 组件
11功能模块
535精选设计稿
14剪辑子域

产品定位 · 双主线

POSITIONING
FOR EVERYONE · 上手侧

降低上手门槛

让「不会剪视频」的用户 30 秒内拿到第一条成片:选中素材即出片,模板与主题承担审美决策。

  • Try 一键成片
  • 视频模板
  • 卡点主题
  • 相册拼图
  • 相册回忆
  • 幻灯片 / 年终回顾
FOR PRO · 专业侧

保留专业深度

以多轨时间轴为核心的专业编辑器,关键帧与变速曲线满足进阶表达,导出链路覆盖社交全场景。

  • 主轨道时间轴
  • 关键帧缓动曲线
  • 变速 Speed Preset
  • 画中画 / 抠图 / 图层
  • 文字转语音 TTS
  • 字幕识别

产品动线

USER JOURNEY
STEP 01创作动机首页推荐流 · Try 详情 · 模板 / 卡点主题浏览
STEP 02素材选择相册排序 · 多选 · 拼图布局 · GIPHY 素材
STEP 03剪辑编辑时间轴 · 音乐 / 文字 / 贴纸 · 特效滤镜转场
STEP 04增强提效AiCut 智能剪 · TTS · 字幕识别 · 关键帧
STEP 05导出分发比例 / 帧率导出 · 保存草稿 · 社交分享

设计策略

DESIGN STRATEGY
⌗
双端并行交付

Android / iOS 组件成对设计维护,控件、导航、弹窗均有双端规范,保证体验一致的同时尊重平台习惯。

◐
深色优先体系

深色模式不是简单反色:以 #131415 为基准建立 11 级明度阶,配合白色透明度层级控制信息层级。

文A
多语言本地化

产品页覆盖英 / 德 / 西 / 葡四语种,界面布局预留文本膨胀空间,商店素材按语言重排版。

◆
组件库驱动

系统组件 / 导航 / 功能组件 / List 双端组件库支撑 200+ 页面一致性,新功能优先组合现有组件。

版本演进

EVOLUTION
v2.4Try 一键成片首次上线
v2.9iOS 端适配与交互优化
v5.5 – 6.7商店产品页多轮迭代
v7.5Try 详情交互优化
v8.7抠图 / 图层能力完善
v9.6新版首页(2026.09)
02

设计系统

从设计文件中直接提取的真实令牌:色彩规范板 22 色 + 全文件 5 万+ 节点的填充 / 字体 / 圆角 / 效果统计。 组件库双端成对交付,品牌与动效资产沉淀复用。

76张资产图

色彩 · 品牌渐变6 组

取自设计文件内「色彩规范」画板与全文件渐变统计,主渐变 #FF807E → #FA5078 承担全部核心 CTA。

#FF807E → #FA5078品牌主渐变 · CTA / 强调按钮
#EE7379 → #F6A658暖橙渐变 · 运营入口
#3283FF → #A909D6AI 炫彩渐变 · AiCut / 魔法功能
#FF71EC → #D043FE品红渐变 · VIP / 会员
#FFD8CE → #FFE0D3浅暖渐变 · 节日皮肤底
#FFE0B4 → #FFBD61琥珀渐变 · 高亮标签

色彩 · 功能色7 色

语义化功能色板,覆盖强调、AI、警示、会员、状态与信息场景。

#FA5078主强调强调按钮 / 品牌识别
#F39066暖橙次级强调 / 渐变端点
#F769EF品红魔法 / AI 功能
#FF4459警示红删除 / 录制 / 错误
#F9BF71琥珀VIP / 高亮提示
#5FCF78成功绿完成 / 在线状态
#4582F4信息蓝链接 / 信息提示

色彩 · 中性色阶2 × 11 级

左侧为浅色模式文字 / 分割线明度阶(#131415 基准),右侧为深色模式底色阶(#171717 → #FFFFFF)。

#131415
#2B2C2C
#424344
#717273
#A1A1A1
#D0D0D0
#E3E3E3
#ECECEC
#F1F1F1
#F6F6F6
#FFFFFF

浅色模式 · 文字与分割线(深 → 浅)

#171717
#202020
#252525
#2A2A2A
#333333
#454545
#747474
#A2A2A2
#D1D1D1
#E8E8E8
#FFFFFF

深色模式 · 底色与卡片(深 → 浅)

色彩 · 透明度层级7 档

以白色 / #131415 的 4% – 80% 透明度构建蒙层、蒙版与次级信息,是双模式通用的层级语言。

4%
8%
12%
20%
40%
60%
80%
4%
8%
12%
20%
40%
60%
80%

字体5 族 · 7 级字阶

Inter 为全局主字体,Roboto / SF Pro 分别承接 Android 与 iOS 平台默认,DIN Black 用于营销大字。

Inter全局主字体Aa 视频剪辑
RobotoAndroid 默认Aa 视频剪辑
SF ProiOS 默认Aa 视频剪辑
DIN Black营销大字Aa 9.6
Boston数字 / 品牌点缀Aa 00:12
24 / 26 · 大标题视频剪辑,此刻开始Hero 标题 / 结果页
17.5 / 18 · 页面标题视频剪辑,此刻开始导航栏标题 / 弹窗标题
16 · 副标题视频剪辑,此刻开始卡片标题 / 分组头
14 · 正文视频剪辑,此刻开始列表主文本 / 按钮文字
12 · 辅助视频剪辑,此刻开始说明文字 / 标签
10 · 角标视频剪辑,此刻开始角标 / 时间戳 / 版权提示
8 / 9 · 微字号视频剪辑,此刻开始极小标注
AaRegular400
AaMedium500
AaSemibold600
AaBold700
AaBlack900

圆角与层级8 级圆角 · 3 类效果

2 – 6px 用于轨道与控件,8 – 12px 用于卡片与弹窗,16 – 20px 用于大容器;阴影以黑色 25% 为基准。

2px
4px
6px
8px
10px
12px
16px
20px
Card
投影 · 0 2 8 / 25%浮层卡片 / 悬浮按钮
Blur
背景模糊 · 8px毛玻璃导航 / 面板
Stroke
描边 · #333 / #979797深浅两模式分割线

组件库与规范图

ASSETS

精选视频剪辑场景下的经典组件——按钮 / 弹窗 / 状态栏 / 剪辑底部菜单栏 / 时间轴刻度尺 / 轨道 / 关键帧 icon / 色彩规范等,双端(Android / iOS)并行维护,支撑 200+ 页面一致性。

系统组件4

系统控件 弹窗 · iOS
系统控件 弹窗 · iOS
状态栏 & Home · iOS
状态栏 & Home · iOS
Button 常用 · Android
Button 常用 · Android
Button 常用 · iOS
Button 常用 · iOS

导航与 Tab3

顶部导航栏 · iOS
顶部导航栏 · iOS
底部菜单栏 剪辑 · Android
底部菜单栏 剪辑 · Android
底部菜单栏 剪辑 · iOS
底部菜单栏 剪辑 · iOS

功能组件4

刻度尺 · Android
刻度尺 · Android
滑块 · Android
滑块 · Android
轨道 · Android
轨道 · Android
教程图 · iOS
教程图 · iOS

List 组件3

草稿 · Android
草稿 · Android
字体 · Android
字体 · Android
字体商店 · iOS
字体商店 · iOS

插画 / Icon / 色彩5

图示 · 音谱
图示 · 音谱
图示 · 比例尺寸
图示 · 比例尺寸
icon · 底部菜单栏
icon · 底部菜单栏
icon · 关键帧
icon · 关键帧
色彩规范
色彩规范

品牌 & 动效资产

ASSETS

App Icon 多版本、字体库样张、文字模板封面、Speed Preset 与关键帧缓动曲线资产。

Logo & App Icon9

Icon · Dark
Icon · Dark
Icon · Tinted
Icon · Tinted
Icon 探索 10
Icon 探索 10
Icon 探索 9
Icon 探索 9
App Icon 01
App Icon 01
App Icon 02
App Icon 02
App Icon 03
App Icon 03
App Icon 04
App Icon 04
App Icon 05
App Icon 05

字体库扩充9

日文字体样张
日文字体样张
中文字体样张
中文字体样张
非衬线体样张
非衬线体样张
花体样张
花体样张
手写体样张
手写体样张
Bitcount 缩略图
Bitcount 缩略图
Lexend 缩略图
Lexend 缩略图
Staatliches 缩略图
Staatliches 缩略图
Atma 缩略图
Atma 缩略图

模板封面 & 预设9

文字模板 · 旅行 01
文字模板 · 旅行 01
文字模板 · 生活 02
文字模板 · 生活 02
文字模板 · Love 01
文字模板 · Love 01
文字模板 · 开闭幕 01
文字模板 · 开闭幕 01
文字模板 · 互动 01
文字模板 · 互动 01
文字模板 · 字幕 01
文字模板 · 字幕 01
Speed Preset · Montage
Speed Preset · Montage
Speed Preset · Hero
Speed Preset · Hero
Speed Preset · Flash in
Speed Preset · Flash in

动效曲线资产4

变速曲线 · 实机
变速曲线 · 实机
缓入曲线
缓入曲线
缓出曲线
缓出曲线
平滑过渡曲线
平滑过渡曲线
03

模块索引

按「上手 → 创作 → 精修 → 商业化」产品动线排列的 11 个功能模块,点击卡片直达对应章节。

11个模块
MODULE 01

首页 Home

新版首页 2026.09页面整理(最新归档)Try / 一键成片
27 张设计稿 · 4 个子域
MODULE 02

草稿 Drafts

草稿管理重命名异常与版权
16 张设计稿 · 4 个子域
MODULE 03

相册 Album

相册拼图(新增)长按左右滑动预览排序与分组
23 张设计稿 · 4 个子域
MODULE 04

视频模板 Video Templates

模板主流程素材与音乐解锁与状态
17 张设计稿 · 3 个子域
MODULE 05

卡点主题 Beat & Rhythm

节拍数量选择卡点编辑卡点音乐
24 张设计稿 · 3 个子域
MODULE 06

剪辑编辑器 Editor

6.1 主界面与时间轴6.2 素材与基础编辑6.3 音乐与音频
190 张设计稿 · 14 个子域
MODULE 07

AiCut · AI 图片能力

AiCut 整合入口
6 张设计稿 · 1 个子域
MODULE 08

设置 / 订阅 / 教程 / 成就

设置订阅运营活动订阅页
59 张设计稿 · 5 个子域
MODULE 09

弹窗体系 Dialogs

弹窗母件与规范弹窗场景(Final)保存流程弹窗
47 张设计稿 · 5 个子域
MODULE 10

深色模式 Dark Mode

深色版核心页深色版 设置 / 教程外观切换
19 张设计稿 · 3 个子域
MODULE 11

商店发布图 & 运营物料

产品页 · 英语产品页 · 其他投放位多语言版本(德语)
31 张设计稿 · 5 个子域
04

界面全览

11 个功能模块全收录:首页、草稿、相册、视频模板、卡点主题、剪辑编辑器、AiCut、设置、弹窗、深色模式与商店物料。文字与截图上下分层,横向滑轨浏览,点击可放大。

459张设计稿
01

首页 Home

Home & Onboarding
27 screens

首页信息架构从「工具型」走向「内容型」:顶部保留品牌与草稿入口,中部以 Try 一键成片 + 内容卡片流承载创作动机,底部悬浮创建按钮。2026.09 新版统一了 Banner 组件、分页器与推荐流卡片。

  • 新版首页 2026.09 — 最新归档版本
  • Try / 一键成片 — 模板推荐流承接创作动机
  • 页面整理(最新归档)— 旧版对照
  • 首页状态与迭代 — 多版本横向对照
新版首页 2026.09 · 01
01新版首页 2026.09 · 01
新版首页 2026.09 · 02
02新版首页 2026.09 · 02
新版首页 2026.09 · 03
03新版首页 2026.09 · 03
新版首页 2026.09 · 04
04新版首页 2026.09 · 04
新版首页 2026.09 · 05
05新版首页 2026.09 · 05
新版首页 2026.09 · 06
06新版首页 2026.09 · 06
页面整理(最新归档) · 01
07页面整理(最新归档) · 01
页面整理(最新归档) · 02
08页面整理(最新归档) · 02
Try / 一键成片 · 01
09Try / 一键成片 · 01
Try / 一键成片 · 02
10Try / 一键成片 · 02
Try / 一键成片 · 03
11Try / 一键成片 · 03
Try / 一键成片 · 04
12Try / 一键成片 · 04
Try / 一键成片 · 05
13Try / 一键成片 · 05
Try / 一键成片 · 06
14Try / 一键成片 · 06
Try / 一键成片 · 07
15Try / 一键成片 · 07
Try / 一键成片 · 08
16Try / 一键成片 · 08
Try / 一键成片 · 09
17Try / 一键成片 · 09
首页状态与迭代 · 01
18首页状态与迭代 · 01
首页状态与迭代 · 02
19首页状态与迭代 · 02
首页状态与迭代 · 03
20首页状态与迭代 · 03
首页状态与迭代 · 04
21首页状态与迭代 · 04
首页状态与迭代 · 05
22首页状态与迭代 · 05
首页状态与迭代 · 06
23首页状态与迭代 · 06
首页状态与迭代 · 07
24首页状态与迭代 · 07
首页状态与迭代 · 08
25首页状态与迭代 · 08
首页状态与迭代 · 09
26首页状态与迭代 · 09
首页状态与迭代 · 10
27首页状态与迭代 · 10
02

草稿

Drafts
16 screens

草稿中心承载「续剪」这一高频动作:列表支持全选、批量操作与重命名,配合版权草稿的特殊状态处理,让用户随时回到上一次的剪辑现场。

  • 草稿列表与全选
  • 选择与批量操作
  • 重命名与状态
  • 多版本迭代
草稿列表与全选 · 01
01草稿列表与全选 · 01
草稿列表与全选 · 02
02草稿列表与全选 · 02
草稿列表与全选 · 03
03草稿列表与全选 · 03
草稿列表与全选 · 04
04草稿列表与全选 · 04
选择与批量操作 · 01
05选择与批量操作 · 01
选择与批量操作 · 02
06选择与批量操作 · 02
选择与批量操作 · 03
07选择与批量操作 · 03
重命名与状态 · 01
08重命名与状态 · 01
重命名与状态 · 02
09重命名与状态 · 02
重命名与状态 · 03
10重命名与状态 · 03
重命名与状态 · 04
11重命名与状态 · 04
重命名与状态 · 05
12重命名与状态 · 05
多版本迭代 · 01
13多版本迭代 · 01
多版本迭代 · 02
14多版本迭代 · 02
多版本迭代 · 03
15多版本迭代 · 03
多版本迭代 · 04
16多版本迭代 · 04
03

相册

Gallery & Media
23 screens

相册是素材入口的核心:多选与拼图布局降低创作门槛,相册回忆自动聚合素材,排序优化覆盖长按滑动等细交互,GIPHY 补充在线素材库。

  • 素材选择与拼图 Layout
  • 相册回忆 — 自动聚合素材
  • 素材排序优化 — 长按左右滑动
  • GIPHY 在线素材
素材选择与拼图 · 01
01素材选择与拼图 · 01
素材选择与拼图 · 02
02素材选择与拼图 · 02
素材选择与拼图 · 03
03素材选择与拼图 · 03
素材选择与拼图 · 04
04素材选择与拼图 · 04
素材选择与拼图 · 05
05素材选择与拼图 · 05
素材选择与拼图 · 06
06素材选择与拼图 · 06
素材选择与拼图 · 07
07素材选择与拼图 · 07
相册回忆 · 01
08相册回忆 · 01
相册回忆 · 02
09相册回忆 · 02
相册回忆 · 03
10相册回忆 · 03
相册回忆 · 04
11相册回忆 · 04
素材排序优化 · 01
12素材排序优化 · 01
素材排序优化 · 02
13素材排序优化 · 02
素材排序优化 · 03
14素材排序优化 · 03
素材排序优化 · 04
15素材排序优化 · 04
素材排序优化 · 05
16素材排序优化 · 05
素材排序优化 · 06
17素材排序优化 · 06
GIPHY 素材 · 01
18GIPHY 素材 · 01
GIPHY 素材 · 02
19GIPHY 素材 · 02
GIPHY 素材 · 03
20GIPHY 素材 · 03
GIPHY 素材 · 04
21GIPHY 素材 · 04
GIPHY 素材 · 05
22GIPHY 素材 · 05
GIPHY 素材 · 06
23GIPHY 素材 · 06
04

视频模板

Video Templates
17 screens

视频模板提供「套模板即出片」的轻创作路径:推荐流承接流量,模板编辑保持品牌一致性,水印与订阅钩子构成商业化闭环。

  • 模板推荐流
  • 模板编辑
  • 订阅解锁与水印
模板推荐流 · 01
01模板推荐流 · 01
模板推荐流 · 02
02模板推荐流 · 02
模板推荐流 · 03
03模板推荐流 · 03
模板推荐流 · 04
04模板推荐流 · 04
模板推荐流 · 05
05模板推荐流 · 05
模板推荐流 · 06
06模板推荐流 · 06
模板推荐流 · 07
07模板推荐流 · 07
模板推荐流 · 08
08模板推荐流 · 08
模板编辑 · 01
09模板编辑 · 01
模板编辑 · 02
10模板编辑 · 02
模板编辑 · 03
11模板编辑 · 03
模板编辑 · 04
12模板编辑 · 04
模板编辑 · 05
13模板编辑 · 05
模板编辑 · 06
14模板编辑 · 06
订阅解锁与水印 · 01
15订阅解锁与水印 · 01
订阅解锁与水印 · 02
16订阅解锁与水印 · 02
订阅解锁与水印 · 03
17订阅解锁与水印 · 03
05

卡点主题

Beat & Music Templates
24 screens

卡点主题把音乐节拍转成可视化创作:节拍点自动标记、编辑器支持逐帧对齐,音乐库内置多套主题,一键生成节奏感成片。

  • 卡点节拍 — 节拍点自动标记
  • 卡点编辑 — 逐帧对齐
  • 卡点音乐 — 主题音乐库
卡点节拍 · 01
01卡点节拍 · 01
卡点节拍 · 02
02卡点节拍 · 02
卡点节拍 · 03
03卡点节拍 · 03
卡点节拍 · 04
04卡点节拍 · 04
卡点编辑 · 01
05卡点编辑 · 01
卡点编辑 · 02
06卡点编辑 · 02
卡点编辑 · 03
07卡点编辑 · 03
卡点编辑 · 04
08卡点编辑 · 04
卡点编辑 · 05
09卡点编辑 · 05
卡点编辑 · 06
10卡点编辑 · 06
卡点编辑 · 07
11卡点编辑 · 07
卡点编辑 · 08
12卡点编辑 · 08
卡点编辑 · 09
13卡点编辑 · 09
卡点编辑 · 10
14卡点编辑 · 10
卡点编辑 · 11
15卡点编辑 · 11
卡点编辑 · 12
16卡点编辑 · 12
卡点音乐 · 01
17卡点音乐 · 01
卡点音乐 · 02
18卡点音乐 · 02
卡点音乐 · 03
19卡点音乐 · 03
卡点音乐 · 04
20卡点音乐 · 04
卡点音乐 · 05
21卡点音乐 · 05
卡点音乐 · 06
22卡点音乐 · 06
卡点音乐 · 07
23卡点音乐 · 07
卡点音乐 · 08
24卡点音乐 · 08
06

剪辑编辑器

Video Editor
190 screens

主轨道时间轴 + 14 个子域:素材、音乐、文字、贴纸、特效滤镜、转场、字幕、文字转语音、画中画/抠图/拉片/图层、关键帧曲线、变速、幻灯片/年终回顾、导出保存,覆盖完整剪辑链路。

  • 主界面与时间轴 · 素材与基础编辑 · 音乐与音频 · 文字
  • 贴纸 & 动图素材 · 特效与滤镜 · 转场与动画 · 字幕 Subtitle
  • 文字转语音 TTS · 画中画 / 抠图 / 拉片 / 图层
  • 关键帧曲线 · 变速 · 幻灯片 / 年终回顾 · 导出与保存
主界面与时间轴 · 01
01主界面与时间轴 · 01
主界面与时间轴 · 02
02主界面与时间轴 · 02
主界面与时间轴 · 03
03主界面与时间轴 · 03
主界面与时间轴 · 04
04主界面与时间轴 · 04
主界面与时间轴 · 05
05主界面与时间轴 · 05
主界面与时间轴 · 06
06主界面与时间轴 · 06
主界面与时间轴 · 07
07主界面与时间轴 · 07
主界面与时间轴 · 08
08主界面与时间轴 · 08
主界面与时间轴 · 09
09主界面与时间轴 · 09
主界面与时间轴 · 10
10主界面与时间轴 · 10
主界面与时间轴 · 11
11主界面与时间轴 · 11
主界面与时间轴 · 12
12主界面与时间轴 · 12
主界面与时间轴 · 13
13主界面与时间轴 · 13
素材与基础编辑 · 01
14素材与基础编辑 · 01
素材与基础编辑 · 02
15素材与基础编辑 · 02
素材与基础编辑 · 03
16素材与基础编辑 · 03
素材与基础编辑 · 04
17素材与基础编辑 · 04
素材与基础编辑 · 05
18素材与基础编辑 · 05
素材与基础编辑 · 06
19素材与基础编辑 · 06
素材与基础编辑 · 07
20素材与基础编辑 · 07
素材与基础编辑 · 08
21素材与基础编辑 · 08
素材与基础编辑 · 09
22素材与基础编辑 · 09
素材与基础编辑 · 10
23素材与基础编辑 · 10
素材与基础编辑 · 11
24素材与基础编辑 · 11
素材与基础编辑 · 12
25素材与基础编辑 · 12
素材与基础编辑 · 13
26素材与基础编辑 · 13
素材与基础编辑 · 14
27素材与基础编辑 · 14
素材与基础编辑 · 15
28素材与基础编辑 · 15
素材与基础编辑 · 16
29素材与基础编辑 · 16
素材与基础编辑 · 17
30素材与基础编辑 · 17
素材与基础编辑 · 18
31素材与基础编辑 · 18
音乐与音频 · 01
32音乐与音频 · 01
音乐与音频 · 02
33音乐与音频 · 02
音乐与音频 · 03
34音乐与音频 · 03
音乐与音频 · 04
35音乐与音频 · 04
音乐与音频 · 05
36音乐与音频 · 05
音乐与音频 · 06
37音乐与音频 · 06
音乐与音频 · 07
38音乐与音频 · 07
音乐与音频 · 08
39音乐与音频 · 08
音乐与音频 · 09
40音乐与音频 · 09
音乐与音频 · 10
41音乐与音频 · 10
音乐与音频 · 11
42音乐与音频 · 11
音乐与音频 · 12
43音乐与音频 · 12
音乐与音频 · 13
44音乐与音频 · 13
音乐与音频 · 14
45音乐与音频 · 14
音乐与音频 · 15
46音乐与音频 · 15
音乐与音频 · 16
47音乐与音频 · 16
音乐与音频 · 17
48音乐与音频 · 17
文字 · 01
49文字 · 01
文字 · 02
50文字 · 02
文字 · 03
51文字 · 03
文字 · 04
52文字 · 04
文字 · 05
53文字 · 05
文字 · 06
54文字 · 06
文字 · 07
55文字 · 07
文字 · 08
56文字 · 08
文字 · 09
57文字 · 09
文字 · 10
58文字 · 10
文字 · 11
59文字 · 11
文字 · 12
60文字 · 12
文字 · 13
61文字 · 13
文字 · 14
62文字 · 14
文字 · 15
63文字 · 15
文字 · 16
64文字 · 16
文字 · 17
65文字 · 17
文字 · 18
66文字 · 18
文字 · 19
67文字 · 19
文字 · 20
68文字 · 20
贴纸 & 动图素材 · 01
69贴纸 & 动图素材 · 01
贴纸 & 动图素材 · 02
70贴纸 & 动图素材 · 02
贴纸 & 动图素材 · 03
71贴纸 & 动图素材 · 03
贴纸 & 动图素材 · 04
72贴纸 & 动图素材 · 04
贴纸 & 动图素材 · 05
73贴纸 & 动图素材 · 05
贴纸 & 动图素材 · 06
74贴纸 & 动图素材 · 06
贴纸 & 动图素材 · 07
75贴纸 & 动图素材 · 07
贴纸 & 动图素材 · 08
76贴纸 & 动图素材 · 08
贴纸 & 动图素材 · 09
77贴纸 & 动图素材 · 09
贴纸 & 动图素材 · 10
78贴纸 & 动图素材 · 10
贴纸 & 动图素材 · 11
79贴纸 & 动图素材 · 11
特效与滤镜 · 01
80特效与滤镜 · 01
特效与滤镜 · 02
81特效与滤镜 · 02
特效与滤镜 · 03
82特效与滤镜 · 03
特效与滤镜 · 04
83特效与滤镜 · 04
特效与滤镜 · 05
84特效与滤镜 · 05
特效与滤镜 · 06
85特效与滤镜 · 06
特效与滤镜 · 07
86特效与滤镜 · 07
特效与滤镜 · 08
87特效与滤镜 · 08
特效与滤镜 · 09
88特效与滤镜 · 09
特效与滤镜 · 10
89特效与滤镜 · 10
特效与滤镜 · 11
90特效与滤镜 · 11
特效与滤镜 · 12
91特效与滤镜 · 12
特效与滤镜 · 13
92特效与滤镜 · 13
特效与滤镜 · 14
93特效与滤镜 · 14
特效与滤镜 · 15
94特效与滤镜 · 15
特效与滤镜 · 16
95特效与滤镜 · 16
特效与滤镜 · 17
96特效与滤镜 · 17
特效与滤镜 · 18
97特效与滤镜 · 18
转场与动画 · 01
98转场与动画 · 01
转场与动画 · 02
99转场与动画 · 02
转场与动画 · 03
100转场与动画 · 03
转场与动画 · 04
101转场与动画 · 04
转场与动画 · 05
102转场与动画 · 05
转场与动画 · 06
103转场与动画 · 06
转场与动画 · 07
104转场与动画 · 07
转场与动画 · 08
105转场与动画 · 08
转场与动画 · 09
106转场与动画 · 09
字幕 Subtitle · 01
107字幕 Subtitle · 01
字幕 Subtitle · 02
108字幕 Subtitle · 02
字幕 Subtitle · 03
109字幕 Subtitle · 03
字幕 Subtitle · 04
110字幕 Subtitle · 04
字幕 Subtitle · 05
111字幕 Subtitle · 05
字幕 Subtitle · 06
112字幕 Subtitle · 06
字幕 Subtitle · 07
113字幕 Subtitle · 07
字幕 Subtitle · 08
114字幕 Subtitle · 08
字幕 Subtitle · 09
115字幕 Subtitle · 09
字幕 Subtitle · 10
116字幕 Subtitle · 10
字幕 Subtitle · 11
117字幕 Subtitle · 11
字幕 Subtitle · 12
118字幕 Subtitle · 12
文字转语音 TTS · 01
119文字转语音 TTS · 01
文字转语音 TTS · 02
120文字转语音 TTS · 02
文字转语音 TTS · 03
121文字转语音 TTS · 03
文字转语音 TTS · 04
122文字转语音 TTS · 04
文字转语音 TTS · 05
123文字转语音 TTS · 05
文字转语音 TTS · 06
124文字转语音 TTS · 06
文字转语音 TTS · 07
125文字转语音 TTS · 07
文字转语音 TTS · 08
126文字转语音 TTS · 08
文字转语音 TTS · 09
127文字转语音 TTS · 09
文字转语音 TTS · 10
128文字转语音 TTS · 10
画中画 / 抠图 / 拉片 / 图层 · 01
129画中画 / 抠图 / 拉片 / 图层 · 01
画中画 / 抠图 / 拉片 / 图层 · 02
130画中画 / 抠图 / 拉片 / 图层 · 02
画中画 / 抠图 / 拉片 / 图层 · 03
131画中画 / 抠图 / 拉片 / 图层 · 03
画中画 / 抠图 / 拉片 / 图层 · 04
132画中画 / 抠图 / 拉片 / 图层 · 04
画中画 / 抠图 / 拉片 / 图层 · 05
133画中画 / 抠图 / 拉片 / 图层 · 05
画中画 / 抠图 / 拉片 / 图层 · 06
134画中画 / 抠图 / 拉片 / 图层 · 06
画中画 / 抠图 / 拉片 / 图层 · 07
135画中画 / 抠图 / 拉片 / 图层 · 07
画中画 / 抠图 / 拉片 / 图层 · 08
136画中画 / 抠图 / 拉片 / 图层 · 08
画中画 / 抠图 / 拉片 / 图层 · 09
137画中画 / 抠图 / 拉片 / 图层 · 09
画中画 / 抠图 / 拉片 / 图层 · 10
138画中画 / 抠图 / 拉片 / 图层 · 10
画中画 / 抠图 / 拉片 / 图层 · 11
139画中画 / 抠图 / 拉片 / 图层 · 11
画中画 / 抠图 / 拉片 / 图层 · 12
140画中画 / 抠图 / 拉片 / 图层 · 12
画中画 / 抠图 / 拉片 / 图层 · 13
141画中画 / 抠图 / 拉片 / 图层 · 13
画中画 / 抠图 / 拉片 / 图层 · 14
142画中画 / 抠图 / 拉片 / 图层 · 14
画中画 / 抠图 / 拉片 / 图层 · 15
143画中画 / 抠图 / 拉片 / 图层 · 15
画中画 / 抠图 / 拉片 / 图层 · 16
144画中画 / 抠图 / 拉片 / 图层 · 16
画中画 / 抠图 / 拉片 / 图层 · 17
145画中画 / 抠图 / 拉片 / 图层 · 17
画中画 / 抠图 / 拉片 / 图层 · 18
146画中画 / 抠图 / 拉片 / 图层 · 18
关键帧曲线 · 01
147关键帧曲线 · 01
关键帧曲线 · 02
148关键帧曲线 · 02
关键帧曲线 · 03
149关键帧曲线 · 03
关键帧曲线 · 04
150关键帧曲线 · 04
关键帧曲线 · 05
151关键帧曲线 · 05
关键帧曲线 · 06
152关键帧曲线 · 06
关键帧曲线 · 07
153关键帧曲线 · 07
关键帧曲线 · 08
154关键帧曲线 · 08
变速 · 01
155变速 · 01
变速 · 02
156变速 · 02
变速 · 03
157变速 · 03
变速 · 04
158变速 · 04
变速 · 05
159变速 · 05
变速 · 06
160变速 · 06
幻灯片 / 年终回顾 · 01
161幻灯片 / 年终回顾 · 01
幻灯片 / 年终回顾 · 02
162幻灯片 / 年终回顾 · 02
幻灯片 / 年终回顾 · 03
163幻灯片 / 年终回顾 · 03
幻灯片 / 年终回顾 · 04
164幻灯片 / 年终回顾 · 04
幻灯片 / 年终回顾 · 05
165幻灯片 / 年终回顾 · 05
幻灯片 / 年终回顾 · 06
166幻灯片 / 年终回顾 · 06
幻灯片 / 年终回顾 · 07
167幻灯片 / 年终回顾 · 07
幻灯片 / 年终回顾 · 08
168幻灯片 / 年终回顾 · 08
幻灯片 / 年终回顾 · 09
169幻灯片 / 年终回顾 · 09
幻灯片 / 年终回顾 · 10
170幻灯片 / 年终回顾 · 10
幻灯片 / 年终回顾 · 11
171幻灯片 / 年终回顾 · 11
幻灯片 / 年终回顾 · 12
172幻灯片 / 年终回顾 · 12
幻灯片 / 年终回顾 · 13
173幻灯片 / 年终回顾 · 13
导出与保存 · 01
174导出与保存 · 01
导出与保存 · 02
175导出与保存 · 02
导出与保存 · 03
176导出与保存 · 03
导出与保存 · 04
177导出与保存 · 04
导出与保存 · 05
178导出与保存 · 05
导出与保存 · 06
179导出与保存 · 06
导出与保存 · 07
180导出与保存 · 07
导出与保存 · 08
181导出与保存 · 08
导出与保存 · 09
182导出与保存 · 09
导出与保存 · 10
183导出与保存 · 10
导出与保存 · 11
184导出与保存 · 11
导出与保存 · 12
185导出与保存 · 12
导出与保存 · 13
186导出与保存 · 13
导出与保存 · 14
187导出与保存 · 14
导出与保存 · 15
188导出与保存 · 15
导出与保存 · 16
189导出与保存 · 16
导出与保存 · 17
190导出与保存 · 17
07

AiCut AI 能力

AI Creation · AiCut
6 screens

AiCut 整合了图片方向的 AI 能力入口:智能抠图、AI 特效与一键增强聚合在同一入口,让 AI 成为剪辑链路里的自然一步。

  • AiCut 图片功能整合
  • AI 能力统一入口
AiCut 图片功能整合 · 01
01AiCut 图片功能整合 · 01
AiCut 图片功能整合 · 02
02AiCut 图片功能整合 · 02
AiCut 图片功能整合 · 03
03AiCut 图片功能整合 · 03
AiCut 图片功能整合 · 04
04AiCut 图片功能整合 · 04
AiCut 图片功能整合 · 05
05AiCut 图片功能整合 · 05
AiCut 图片功能整合 · 06
06AiCut 图片功能整合 · 06
08

设置

Settings & Account
59 screens

设置页覆盖账号、隐私、订阅、深色模式切换、教程、成就等通用功能。

  • 设置 · 账号 · 隐私 · 深色模式
  • 订阅 · 运营活动订阅页 · 限时优惠
  • 教程与帮助中心 · 新手指引
  • 成就系统 & 专属内容 · 用户成长
设置 · 01
01设置 · 01
设置 · 02
02设置 · 02
设置 · 03
03设置 · 03
设置 · 04
04设置 · 04
设置 · 05
05设置 · 05
设置 · 06
06设置 · 06
设置 · 07
07设置 · 07
设置 · 08
08设置 · 08
设置 · 09
09设置 · 09
设置 · 10
10设置 · 10
设置 · 11
11设置 · 11
设置 · 12
12设置 · 12
订阅 · 01
13订阅 · 01
订阅 · 02
14订阅 · 02
订阅 · 03
15订阅 · 03
订阅 · 04
16订阅 · 04
订阅 · 05
17订阅 · 05
订阅 · 06
18订阅 · 06
订阅 · 07
19订阅 · 07
订阅 · 08
20订阅 · 08
订阅 · 09
21订阅 · 09
订阅 · 10
22订阅 · 10
订阅 · 11
23订阅 · 11
订阅 · 12
24订阅 · 12
订阅 · 13
25订阅 · 13
订阅 · 14
26订阅 · 14
运营活动订阅页 · 01
27运营活动订阅页 · 01
运营活动订阅页 · 02
28运营活动订阅页 · 02
运营活动订阅页 · 03
29运营活动订阅页 · 03
运营活动订阅页 · 04
30运营活动订阅页 · 04
运营活动订阅页 · 05
31运营活动订阅页 · 05
运营活动订阅页 · 06
32运营活动订阅页 · 06
运营活动订阅页 · 07
33运营活动订阅页 · 07
运营活动订阅页 · 08
34运营活动订阅页 · 08
教程与帮助中心 · 01
35教程与帮助中心 · 01
教程与帮助中心 · 02
36教程与帮助中心 · 02
教程与帮助中心 · 03
37教程与帮助中心 · 03
教程与帮助中心 · 04
38教程与帮助中心 · 04
教程与帮助中心 · 05
39教程与帮助中心 · 05
教程与帮助中心 · 06
40教程与帮助中心 · 06
教程与帮助中心 · 07
41教程与帮助中心 · 07
教程与帮助中心 · 08
42教程与帮助中心 · 08
教程与帮助中心 · 09
43教程与帮助中心 · 09
教程与帮助中心 · 10
44教程与帮助中心 · 10
成就系统 & 专属内容 · 01
45成就系统 & 专属内容 · 01
成就系统 & 专属内容 · 02
46成就系统 & 专属内容 · 02
成就系统 & 专属内容 · 03
47成就系统 & 专属内容 · 03
成就系统 & 专属内容 · 04
48成就系统 & 专属内容 · 04
成就系统 & 专属内容 · 05
49成就系统 & 专属内容 · 05
成就系统 & 专属内容 · 06
50成就系统 & 专属内容 · 06
成就系统 & 专属内容 · 07
51成就系统 & 专属内容 · 07
成就系统 & 专属内容 · 08
52成就系统 & 专属内容 · 08
成就系统 & 专属内容 · 09
53成就系统 & 专属内容 · 09
成就系统 & 专属内容 · 10
54成就系统 & 专属内容 · 10
成就系统 & 专属内容 · 11
55成就系统 & 专属内容 · 11
成就系统 & 专属内容 · 12
56成就系统 & 专属内容 · 12
成就系统 & 专属内容 · 13
57成就系统 & 专属内容 · 13
成就系统 & 专属内容 · 14
58成就系统 & 专属内容 · 14
成就系统 & 专属内容 · 15
59成就系统 & 专属内容 · 15
09

弹窗体系

Dialogs & Modals
47 screens

弹窗是状态与规则的集中表达:权限请求、崩溃反馈、订阅付费、版权提示与活动运营各有专属模态,统一视觉语言下区分语义层级。

  • 权限与系统弹窗
  • 崩溃与反馈弹窗
  • 订阅与付费弹窗
  • 版权与草稿操作弹窗
  • 活动与提示弹窗
权限与系统弹窗 · 01
01权限与系统弹窗 · 01
权限与系统弹窗 · 02
02权限与系统弹窗 · 02
权限与系统弹窗 · 03
03权限与系统弹窗 · 03
权限与系统弹窗 · 04
04权限与系统弹窗 · 04
权限与系统弹窗 · 05
05权限与系统弹窗 · 05
权限与系统弹窗 · 06
06权限与系统弹窗 · 06
权限与系统弹窗 · 07
07权限与系统弹窗 · 07
权限与系统弹窗 · 08
08权限与系统弹窗 · 08
权限与系统弹窗 · 09
09权限与系统弹窗 · 09
权限与系统弹窗 · 10
10权限与系统弹窗 · 10
权限与系统弹窗 · 11
11权限与系统弹窗 · 11
权限与系统弹窗 · 12
12权限与系统弹窗 · 12
权限与系统弹窗 · 13
13权限与系统弹窗 · 13
权限与系统弹窗 · 14
14权限与系统弹窗 · 14
权限与系统弹窗 · 15
15权限与系统弹窗 · 15
权限与系统弹窗 · 16
16权限与系统弹窗 · 16
权限与系统弹窗 · 17
17权限与系统弹窗 · 17
权限与系统弹窗 · 18
18权限与系统弹窗 · 18
崩溃与反馈弹窗 · 01
19崩溃与反馈弹窗 · 01
崩溃与反馈弹窗 · 02
20崩溃与反馈弹窗 · 02
崩溃与反馈弹窗 · 03
21崩溃与反馈弹窗 · 03
崩溃与反馈弹窗 · 04
22崩溃与反馈弹窗 · 04
崩溃与反馈弹窗 · 05
23崩溃与反馈弹窗 · 05
崩溃与反馈弹窗 · 06
24崩溃与反馈弹窗 · 06
崩溃与反馈弹窗 · 07
25崩溃与反馈弹窗 · 07
崩溃与反馈弹窗 · 08
26崩溃与反馈弹窗 · 08
崩溃与反馈弹窗 · 09
27崩溃与反馈弹窗 · 09
崩溃与反馈弹窗 · 10
28崩溃与反馈弹窗 · 10
订阅与付费弹窗 · 01
29订阅与付费弹窗 · 01
订阅与付费弹窗 · 02
30订阅与付费弹窗 · 02
订阅与付费弹窗 · 03
31订阅与付费弹窗 · 03
订阅与付费弹窗 · 04
32订阅与付费弹窗 · 04
订阅与付费弹窗 · 05
33订阅与付费弹窗 · 05
订阅与付费弹窗 · 06
34订阅与付费弹窗 · 06
版权与草稿操作弹窗 · 01
35版权与草稿操作弹窗 · 01
版权与草稿操作弹窗 · 02
36版权与草稿操作弹窗 · 02
版权与草稿操作弹窗 · 03
37版权与草稿操作弹窗 · 03
版权与草稿操作弹窗 · 04
38版权与草稿操作弹窗 · 04
版权与草稿操作弹窗 · 05
39版权与草稿操作弹窗 · 05
版权与草稿操作弹窗 · 06
40版权与草稿操作弹窗 · 06
版权与草稿操作弹窗 · 07
41版权与草稿操作弹窗 · 07
活动与提示弹窗 · 01
42活动与提示弹窗 · 01
活动与提示弹窗 · 02
43活动与提示弹窗 · 02
活动与提示弹窗 · 03
44活动与提示弹窗 · 03
活动与提示弹窗 · 04
45活动与提示弹窗 · 04
活动与提示弹窗 · 05
46活动与提示弹窗 · 05
活动与提示弹窗 · 06
47活动与提示弹窗 · 06
10

深色模式

Dark Mode
19 screens

深色是 FotoPlay 的默认语言:核心链路(首页、草稿、剪辑、设置与弹窗)均有完整深色适配,保证弱光环境与 OLED 屏幕下的一致体验。

  • 首页与草稿 · 深色
  • 剪辑 · 深色
  • 设置与弹窗 · 深色
首页与草稿 · 深色 · 01
01首页与草稿 · 深色 · 01
首页与草稿 · 深色 · 02
02首页与草稿 · 深色 · 02
首页与草稿 · 深色 · 03
03首页与草稿 · 深色 · 03
首页与草稿 · 深色 · 04
04首页与草稿 · 深色 · 04
首页与草稿 · 深色 · 05
05首页与草稿 · 深色 · 05
首页与草稿 · 深色 · 06
06首页与草稿 · 深色 · 06
首页与草稿 · 深色 · 07
07首页与草稿 · 深色 · 07
剪辑 · 深色 · 01
08剪辑 · 深色 · 01
剪辑 · 深色 · 02
09剪辑 · 深色 · 02
剪辑 · 深色 · 03
10剪辑 · 深色 · 03
剪辑 · 深色 · 04
11剪辑 · 深色 · 04
剪辑 · 深色 · 05
12剪辑 · 深色 · 05
剪辑 · 深色 · 06
13剪辑 · 深色 · 06
设置与弹窗 · 深色 · 01
14设置与弹窗 · 深色 · 01
设置与弹窗 · 深色 · 02
15设置与弹窗 · 深色 · 02
设置与弹窗 · 深色 · 03
16设置与弹窗 · 深色 · 03
设置与弹窗 · 深色 · 04
17设置与弹窗 · 深色 · 04
设置与弹窗 · 深色 · 05
18设置与弹窗 · 深色 · 05
设置与弹窗 · 深色 · 06
19设置与弹窗 · 深色 · 06
11

商店发布图与运营物料

Store & Localization
31 screens

Google Play / App Store 发布图与 EN · DE · ES · PT 多语言运营物料,覆盖商店 listing、活动 Banner 与本地化文案场景。

  • Google Play 发布图
  • App Store 发布图
  • 多语言物料 · EN
  • 多语言物料 · DE · ES · PT
Google Play 发布图 · 01
01Google Play 发布图 · 01
Google Play 发布图 · 02
02Google Play 发布图 · 02
Google Play 发布图 · 03
03Google Play 发布图 · 03
Google Play 发布图 · 04
04Google Play 发布图 · 04
Google Play 发布图 · 05
05Google Play 发布图 · 05
Google Play 发布图 · 06
06Google Play 发布图 · 06
App Store 发布图 · 01
07App Store 发布图 · 01
App Store 发布图 · 02
08App Store 发布图 · 02
App Store 发布图 · 03
09App Store 发布图 · 03
App Store 发布图 · 04
10App Store 发布图 · 04
App Store 发布图 · 05
11App Store 发布图 · 05
App Store 发布图 · 06
12App Store 发布图 · 06
多语言物料 EN · 01
13多语言物料 EN · 01
多语言物料 EN · 02
14多语言物料 EN · 02
多语言物料 EN · 03
15多语言物料 EN · 03
多语言物料 EN · 04
16多语言物料 EN · 04
多语言物料 EN · 05
17多语言物料 EN · 05
多语言物料 EN · 06
18多语言物料 EN · 06
多语言物料 EN · 07
19多语言物料 EN · 07
多语言物料 DE · ES · 01
20多语言物料 DE · ES · 01
多语言物料 DE · ES · 02
21多语言物料 DE · ES · 02
多语言物料 DE · ES · 03
22多语言物料 DE · ES · 03
多语言物料 DE · ES · 04
23多语言物料 DE · ES · 04
多语言物料 DE · ES · 05
24多语言物料 DE · ES · 05
多语言物料 DE · ES · 06
25多语言物料 DE · ES · 06
多语言物料 PT · 01
26多语言物料 PT · 01
多语言物料 PT · 02
27多语言物料 PT · 02
多语言物料 PT · 03
28多语言物料 PT · 03
多语言物料 PT · 04
29多语言物料 PT · 04
多语言物料 PT · 05
30多语言物料 PT · 05
多语言物料 PT · 06
31多语言物料 PT · 06