全息舱五页面素材设计说明

本文整理自《全息舱五页面素材设计说明.pdf》，用于设计和交付全息舱 1080 × 1920 竖屏界面素材。页面分为：首页、选择页、拍摄页、拍摄预览页、打印页。

页面	用途	重点说明
首页	进入拍照流程	背景可用视频；标题图和启动按钮为图片素材。
选择页	选择拍照风格	3 个风格卡片对应后续 3 组拍摄背景和合照框。
拍摄页	相机拍摄与倒计时	相机画面由设备生成；合照框需透明 PNG；倒计时需有效 GIF。
拍摄预览页	确认或重拍照片	照片预览由运行时生成，不需要设计素材。
打印页	显示照片、二维码、打印数量与打印状态	照片、二维码、数量数字由程序生成，设计需预留清晰显示区域。

素材交付边界

• 普通图片位支持：PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
• 视频位使用：MP4，当前文档中的背景视频位已按 MP4 验证。
• 相机画面、拍摄结果、二维码、打印数量数字由程序运行时生成，不需要设计素材。
• 基准清单 SHA256：41726F9FCEE1426E…

一、首页

首页是用户进入拍照流程的起始页面，画布尺寸为 1080 × 1920。

素材	用途	格式要求
首页背景视频	整页动态背景	MP4，已验证。
首页标题图	替换当前透明占位标题	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
启动按钮	点击后进入选择页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。

二、选择页

选择页用于选择照片样式。3 个风格卡片需要和后续拍摄页的 3 组背景、合照框对应。

素材	用途	格式要求
选择页背景视频	选择页整页动态背景	MP4，已验证。
风格卡片 1 / 2 / 3	选择三套不同拍照风格	MP4，已验证。
左右滑动手势提示	提示用户可左右切换风格	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
返回按钮	返回上一页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
首页按钮	回到自拍首页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。

三、拍摄页

拍摄页展示相机画面、当前选择风格的背景和合照框。选择页卡片 1 / 2 / 3 要分别对应拍摄背景 1 / 2 / 3 和合照框 1 / 2 / 3。

素材	用途	格式要求
拍摄背景 1 / 2 / 3	对应三套风格的拍摄背景	MP4，已验证。
合照框 1 / 2 / 3	覆盖在相机画面上方，透明区域用于自动嵌入相机画面	必须为透明 PNG。
快门按钮	开始倒计时并拍照	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
倒计时动画	播放完成后触发拍摄	必须为可正常播放的 GIF。
返回按钮	返回选择页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
首页按钮	回到首页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。

运行时内容：相机画面由设备实时生成，不需要设计素材。

四、拍摄预览页

拍摄完成后进入预览页，用户可以重拍或确认进入打印。

素材	用途	格式要求
拍摄预览背景视频	预览页整页动态背景	MP4，已验证。
重拍按钮	返回拍摄页重新拍	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
确认按钮	确认照片并进入打印页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
返回按钮	返回上一步	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
首页按钮	回到首页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。

运行时内容：照片预览由拍摄结果生成，不需要设计素材。

五、打印页

打印页展示照片结果、二维码、打印数量、打印按钮和状态动画。设计素材需要给运行时内容预留清晰区域。

素材	用途	格式要求
打印页背景视频	打印页整页动态背景	MP4，已验证。
结束标题图	替换当前透明标题占位	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
打印面板背景	承载照片、二维码、数量和打印按钮区域	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
AI 加载 / 打印动画	AI 处理和打印机工作状态提示	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。
数量框 / 减号 / 加号	打印数量控制，数字由程序生成	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
打印按钮	提交当前打印任务	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。
返回 / 首页按钮	返回上一步或回到首页	PNG / JPG / JPEG / GIF / WebP / AVIF / SVG。按钮位不使用 MP4。

运行时内容：照片结果、二维码、打印数量数字由程序生成；趣味视频当前未启用。