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


让「不会剪视频」的用户 30 秒内拿到第一条成片:选中素材即出片,模板与主题承担审美决策。
以多轨时间轴为核心的专业编辑器,关键帧与变速曲线满足进阶表达,导出链路覆盖社交全场景。
Android / iOS 组件成对设计维护,控件、导航、弹窗均有双端规范,保证体验一致的同时尊重平台习惯。
深色模式不是简单反色:以 #131415 为基准建立 11 级明度阶,配合白色透明度层级控制信息层级。
产品页覆盖英 / 德 / 西 / 葡四语种,界面布局预留文本膨胀空间,商店素材按语言重排版。
系统组件 / 导航 / 功能组件 / List 双端组件库支撑 200+ 页面一致性,新功能优先组合现有组件。
从设计文件中直接提取的真实令牌:色彩规范板 22 色 + 全文件 5 万+ 节点的填充 / 字体 / 圆角 / 效果统计。 组件库双端成对交付,品牌与动效资产沉淀复用。
取自设计文件内「色彩规范」画板与全文件渐变统计,主渐变 #FF807E → #FA5078 承担全部核心 CTA。
语义化功能色板,覆盖强调、AI、警示、会员、状态与信息场景。
左侧为浅色模式文字 / 分割线明度阶(#131415 基准),右侧为深色模式底色阶(#171717 → #FFFFFF)。
浅色模式 · 文字与分割线(深 → 浅)
深色模式 · 底色与卡片(深 → 浅)
以白色 / #131415 的 4% – 80% 透明度构建蒙层、蒙版与次级信息,是双模式通用的层级语言。
Inter 为全局主字体,Roboto / SF Pro 分别承接 Android 与 iOS 平台默认,DIN Black 用于营销大字。
2 – 6px 用于轨道与控件,8 – 12px 用于卡片与弹窗,16 – 20px 用于大容器;阴影以黑色 25% 为基准。
精选视频剪辑场景下的经典组件——按钮 / 弹窗 / 状态栏 / 剪辑底部菜单栏 / 时间轴刻度尺 / 轨道 / 关键帧 icon / 色彩规范等,双端(Android / iOS)并行维护,支撑 200+ 页面一致性。



















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































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











11 个功能模块全收录:首页、草稿、相册、视频模板、卡点主题、剪辑编辑器、AiCut、设置、弹窗、深色模式与商店物料。文字与截图上下分层,横向滑轨浏览,点击可放大。
首页信息架构从「工具型」走向「内容型」:顶部保留品牌与草稿入口,中部以 Try 一键成片 + 内容卡片流承载创作动机,底部悬浮创建按钮。2026.09 新版统一了 Banner 组件、分页器与推荐流卡片。



























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
















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























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

















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
























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






























































































































































































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






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



























































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















































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



















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






























