iPhone Duo UI UX 适配指南：折叠屏设计不是多做几个尺寸

随着折叠屏手机与双屏移动设备（如各类横向大折叠、纵向小折叠及概念双屏终端）在高端商务人群中的普及，企业级 App 与高客单价消费应用频繁面临一个体验痛点：当用户把手机展开成近似平板的方屏比例（如 4:3.5 或 1:1）时，原本针对细长手机屏（20:9）设计的界面只是被粗暴地横向拉宽——一张图片占满整屏、一行文字长达五六十个字，或者干脆在两侧留下巨大的黑边。

真正的折叠屏 UI/UX 适配，绝不是让设计师在 Figma 里机械地多画几个尺寸的静态图，而是重新设计状态连续性（App Continuity）与空间多任务分工。

一、 展开态的核心价值：从“页面跳转”升级为“同屏主从协同（List-Detail）”

在常规单屏手机上，用户浏览邮件、聊天记录、商品目录或企业审批流时，必须在“列表页”和“详情页”之间反复点击前进与返回。而在折叠屏展开态下，UI/UX产品设计 应当利用双倍横向空间重构信息流：

• 左侧 40% 宽度固定为导航与列表主栏（Master Pane），右侧 60% 宽度实时呈现当前选中项的详情、图表或编辑工作区（Detail Pane）。
• 跨屏拖拽与对比：在电商选型、日程排期或文档处理场景中，允许用户在左侧浏览素材库的同时，直接将其拖拽或置入右侧画布，发挥大屏真正的生产力优势。

二、 物理折痕与铰链区（Hinge Area）的交互避让原则

1. 禁止将关键操作按钮跨折痕居中放置：如果一个核心确认按钮或横向滑块正好横跨屏幕中央折痕区，不仅视觉上容易出现轻微形变，手指在折痕凹槽处点击和滑动的手感也会受阻。展开态下的底部操作栏应向左右两侧拇指热区（双手握持时的左右下角）分流。
2. 折叠与展开切换时的“零状态丢失”：当用户正在外屏填写表单或观看视频，中途展开内屏时，应用必须保持当前的滚动位置、已输入的表单文字和播放进度无缝接续，绝不能因为触发视口重构而强制刷新页面重置状态。