Resprite 移动端界面布局:平板竖屏 vs 横屏,面板抽屉与磁吸
Resprite 的移动端布局策略
Resprite 在移动端的界面设计策略是"以画布为核心,所有面板可隐藏、可移动、可吸附"——把屏幕面积优先给画布,工具面板按需展开。
iPhone vs iPad
| 设备 | 默认布局 | 可调整 | 限制 |
|---|---|---|---|
| iPhone | 顶部工具栏(固定)+ 底部时间轴 + 底部弹出调色板 | 工具栏可隐藏 | 小屏强制隐藏某些面板 |
| iPad 竖屏 | 顶部工具栏 + 底部时间轴 + 侧滑调色板 | 时间轴可切到左 / 右 | 空间仍紧 |
| iPad 横屏 | 顶部工具栏 + 独立时间轴 + 右侧调色板 / 图层组 | 面板可自由拖动 | 空间充裕 |
iPad 是 Resprite 的最佳移动设备
iPad 横屏的画布面积几乎能匹配桌面的笔记本屏幕。Resprite 针对 iPad 做了特别优化:
- 时间轴可以拖到左侧 / 右侧停靠(与横屏方向对齐)。
- 调色板、预览、图层组可以作为独立浮动面板吸附在屏幕边缘。
- Apple Pencil 第二代的手势全支持(磁吸充电侧键)。
面板磁吸与抽屉
iOS R56+ 支持浮动窗口彼此磁吸:
- 两个面板靠近时会自动对齐。
- 吸附后可以建立父子跟随关系——移动主面板时子面板跟着一起动。
- 吸附状态会随工作区布局一起保存。
Android v1.32.1+ 和桌面端也支持分隔条吸附。
抽屉模式
某些面板(调色板、预览)可以变成抽屉——拖到屏幕边缘时会自动贴边,用时拉开、不用时收起。这对竖屏 iPad 特别有用,因为底部面板最容易被手指挡住。
横屏 vs 竖屏怎么选
- 纯竖屏创作(角色立绘、头像、UI 小图标)→ 竖屏更自然,面板靠边。
- 横向创作(场景、地图、横向动画)→ 横屏给画布更多空间。
- 双方向都用 → 让 Resprite 自动切换,面板会自动适配新方向。
小屏的妥协
iPhone 和小尺寸 Android 平板上,Resprite 会强制固定一些面板位置(比如工具栏固定在顶部,不允许悬浮),避免悬浮栏占用宝贵的画布空间。小屏上建议:
- 充分使用专注模式(下拉隐藏所有面板)。
- 径向菜单和手势操作代替顶部工具栏(Pencil 长按调出)。
- 调色板尽量精简——色多了底栏放不下。
保存你自己的布局
Resprite iOS R55+ 和 DA v1.31.0+ 支持保存多套具名工作区布局:
- 为"绘制铅笔稿"存一套布局(只留工具栏 + 画布)。
- 为"调色板整理"存一套(调色板放大 + 图层组)。
- 为"动画检查"存一套(时间轴 + 洋葱皮 + 预览)。
- 切换任务时,一键加载对应布局。
功能可能随版本变化,多套布局保存从 iOS R55 和 DA v1.31.0 开始提供。