Layout 中文文档 下载 App

Layout 界面一览 — 四个区域看懂整个操作节奏

两态切换

Layout 的界面只有两种状态,随着进度自然切换:

  1. 选图界面 — 底部是相册网格,顶部空版式框等选图
  2. 编辑界面 — 选完照片自动跳到这里,版式完整显示,可编辑

没有多余的中间页面、没有跳转、没有二级菜单。

选图界面四区域

1. 顶部版式预览区

未选图时为空,选了照片后实时显示当前张数可用的所有版式。选一张、增加一张、减少一张,这一排都会自动刷新。

2. 中部预览大图区

显示当前选中的版式效果。在选图界面只是展示,到了编辑界面这里就是可交互的画布——点按、长按、双指、拖动都在这里操作。

3. 底部相册网格区

整个选图界面里最占空间的部分。按相册里的顺序排列,最新照片在最上面。下拉继续翻页,上拉回到顶部。

4. 底部 Tab 栏与入口

编辑界面多了什么

进入编辑界面后,顶部和中部合并成一个大画布,多出了:

界面里没有的东西

以下东西 Layout 里都找不到:

界面风格

Layout 的视觉延续了 Instagram 2015 年前后的设计语言:白底、深灰文字、蓝色高亮、圆角卡片。没有花哨动效,没有毛玻璃效果,一切服务于"快速完成拼图"这个单一目标。