Layout 界面一览 — 四个区域看懂整个操作节奏
两态切换
Layout 的界面只有两种状态,随着进度自然切换:
- 选图界面 — 底部是相册网格,顶部空版式框等选图
- 编辑界面 — 选完照片自动跳到这里,版式完整显示,可编辑
没有多余的中间页面、没有跳转、没有二级菜单。
选图界面四区域
1. 顶部版式预览区
未选图时为空,选了照片后实时显示当前张数可用的所有版式。选一张、增加一张、减少一张,这一排都会自动刷新。
2. 中部预览大图区
显示当前选中的版式效果。在选图界面只是展示,到了编辑界面这里就是可交互的画布——点按、长按、双指、拖动都在这里操作。
3. 底部相册网格区
整个选图界面里最占空间的部分。按相册里的顺序排列,最新照片在最上面。下拉继续翻页,上拉回到顶部。
4. 底部 Tab 栏与入口
- Gallery:默认的相册全部
- Faces:只显示带人脸的照片
- Recents:最近选过的 30 张
- Photo Booth:左下角相机图标入口
编辑界面多了什么
进入编辑界面后,顶部和中部合并成一个大画布,多出了:
- 顶部操作栏:向左箭头(返回选图)、确认图标(保存)
- 蓝色分隔条:每格之间的可拖动分隔线
- 单格编辑按钮:点按某格后浮出替换 / 镜像 / 翻转三个按钮
界面里没有的东西
以下东西 Layout 里都找不到:
- 滤镜按钮
- 贴纸库
- 文字输入
- 画框边框样式选择
- 设置菜单
- 账户头像或头像入口
- 推送通知设置
- 深色模式切换(v1.3.11 不支持深色模式)
界面风格
Layout 的视觉延续了 Instagram 2015 年前后的设计语言:白底、深灰文字、蓝色高亮、圆角卡片。没有花哨动效,没有毛玻璃效果,一切服务于"快速完成拼图"这个单一目标。