resprite 中文文档 下载 App

Resprite 移动端界面布局:平板竖屏 vs 横屏,面板抽屉与磁吸

Resprite 的移动端布局策略

Resprite 在移动端的界面设计策略是"以画布为核心,所有面板可隐藏、可移动、可吸附"——把屏幕面积优先给画布,工具面板按需展开。

iPhone vs iPad

设备默认布局可调整限制
iPhone顶部工具栏(固定)+ 底部时间轴 + 底部弹出调色板工具栏可隐藏小屏强制隐藏某些面板
iPad 竖屏顶部工具栏 + 底部时间轴 + 侧滑调色板时间轴可切到左 / 右空间仍紧
iPad 横屏顶部工具栏 + 独立时间轴 + 右侧调色板 / 图层组面板可自由拖动空间充裕

iPad 是 Resprite 的最佳移动设备

iPad 横屏的画布面积几乎能匹配桌面的笔记本屏幕。Resprite 针对 iPad 做了特别优化:

面板磁吸与抽屉

iOS R56+ 支持浮动窗口彼此磁吸:

Android v1.32.1+ 和桌面端也支持分隔条吸附。

抽屉模式

某些面板(调色板、预览)可以变成抽屉——拖到屏幕边缘时会自动贴边,用时拉开、不用时收起。这对竖屏 iPad 特别有用,因为底部面板最容易被手指挡住。

横屏 vs 竖屏怎么选

小屏的妥协

iPhone 和小尺寸 Android 平板上,Resprite 会强制固定一些面板位置(比如工具栏固定在顶部,不允许悬浮),避免悬浮栏占用宝贵的画布空间。小屏上建议:

保存你自己的布局

Resprite iOS R55+ 和 DA v1.31.0+ 支持保存多套具名工作区布局:

功能可能随版本变化,多套布局保存从 iOS R55 和 DA v1.31.0 开始提供。