平板、折叠屏与跨端连续性

先理解这个概念

同一台设备可能处于全屏、分屏、浮动窗口或折叠姿态。设计时需要定义每种空间下的结构，并保持任务状态。跨端连续性还包括同一对象、编辑位置与同步状态是否明确。

大屏的优势是让相关上下文同时存在，不只是展示更多装饰。折叠、分屏与窗口调整会改变可用空间，有时还影响可使用区域。内容状态应独立于面板组合：当前对象和草稿不能因为从双栏变单栏而重置。

记住这三个原则

1. 01

   按可用区域设计，而不是判断设备型号。

2. 02

   面板切换时保留选择、滚动和未提交输入。

3. 03

   避免把关键控件放在铰链或遮挡区域。

实际设计时，分三步做

1. STEP 01

   先找值得并排的任务关系，例如列表与详情、编辑与预览，而不是把手机页面复制成两份。

2. STEP 02

   定义每个面板的最小可用空间及不足时的去向，保留当前任务优先级，不要在缩窄后只显示无关的默认列表。

3. STEP 03

   检查折叠与窗口变化期间的选中项、滚动、输入和焦点，涉及铰链或遮挡时避免把关键操作跨区域放置。

一个容易理解的例子

设备姿态变化不应该等同于重新开始任务。

适用边界与取舍

空间更大不意味着所有面板都该同时打开。过多工具会挤压正文，应按任务相关性保留核心面板，其余按需展开。