PhotoGrid 界面导览——五大功能区快速定位
界面基本结构
PhotoGrid 的编辑界面在图片模式和视频模式下略有不同，但整体遵循「左工具 + 中预览 + 右属性」的经典设计。
图片/拼图编辑模式
左侧工具栏（常用工具）
| 图标 | 功能 | 说明 |
|---|---|---|
| 🖼️ | 添加照片/视频 | 继续添加素材到当前项目 |
| ✂️ | 裁剪/调整大小 | 单张照片的独立编辑 |
| 🎨 | 滤镜 | 应用预设滤镜效果 |
| 📝 | 文字 | 添加文字内容，支持多种字体 |
| 🌟 | 贴纸 | 装饰性元素，可搜索关键词 |
| ✏️ | 涂鸦/画笔 | 手绘效果或自由线条 |
| ⬛ | 马赛克 | 遮挡敏感区域 |
| 🖌️ | 背景 | 纯色/图片/渐变背景选择 |
| ⚙️ | 设置 | 项目尺寸、比例、边距等全局参数 |
中间预览区
- 实时预览编辑效果，所见即所得
- 点击照片可选中，弹出单张编辑面板
- 双指缩放查看细节，双指旋转调整角度（自由拼贴模式）
右侧/底部属性面板
- 选中照片时：单张照片的裁剪、旋转、滤镜、亮度等
- 选中文字时：字体、颜色、大小、样式（弧形/描边/阴影等）
- 选中贴纸时：大小、旋转、层级调整
- 全局设置时：画布尺寸、比例、间距、圆角、边框
视频拼贴模式
视频模式在图片模式基础上增加了时间轴：
- 顶部：播放控制（播放/暂停、上一帧/下一帧）
- 底部时间轴：各视频片段按时间排列，可拖动改变顺序
- 片段属性：选中视频片段后可调整起始时间、音量、转场
关键操作习惯
手势操作（App 版）
| 手势 | 效果 |
|---|---|
| 单指拖动 | 移动选中的元素 |
| 双指缩放 | 调整元素大小 |
| 双指旋转 | 旋转元素角度 |
| 长按照片 | 自由拼贴模式下进入层级调整 |
| 双指捏合 | 缩小/放大画布视图 |
快捷键（Web 版）
| 快捷键 | 功能 |
|---|---|
| Ctrl+Z | 撤销 |
| Ctrl+Y | 重做 |
| Delete / Backspace | 删除选中元素 |
| Ctrl+D | 复制选中元素 |
| Ctrl+S | 保存项目 |
首页底部导航
PhotoGrid 底部有四个 Tab：
- 首页（House 图标）—— 模板、热门推荐、AI 灵感
- 项目（Folder 图标）—— 本地项目和云端项目列表
- 探索（Compass 图标）—— 社区精选作品，可作为创作灵感
- 我的（User 图标）—— 账号设置、订阅管理、积分查看
颜色主题
PhotoGrid 默认使用深色主题，也可在设置中切换到浅色主题。在「我的 → 设置 → 外观」中可更改。