提出折叠屏手机的一些思考，总结折叠屏手机在屏幕切换时的4个适配方式与其各自的适用场景，并以大众点评App为例进行案例设计

智能手机因尺寸不断变大已影响其便携性，而折叠屏技术解决了这个问题，能够让手机在大与小之间来回切换。2019年，三星、华为都纷纷推出了折叠屏手机，虽然它们价格昂贵，距离全民推广还需要一段时间，但是折叠屏的确已从概念变为现实。今年，三星继续推出了第二款折叠手机 galaxy Z filp，可见其今后会成为一个发展趋势，也为交互设计提供更多探索方向。

galaxy fold 尺寸

本文以三星galaxy fold 与大众点评app为例，提出对折叠屏的一些思考。

屏幕尺寸与适配方式

 ——

galaxy fold 为一款内折手机， 机身外覆盖一块4.6英寸的屏幕，分辨率为840*1960。展开手机，内部屏幕尺寸为7.3英寸，分辨率为1536*2152。

手机的展开模式相当于在原有基础上又加了一块屏幕的空间。根据屏幕状态的变化，界面上的内容也应自动适配，这种响应式的变化应该是流畅、连续的，各个信息模块的变化既要符合大屏操作，也要与小屏状态保持延续性，避免因屏幕的变化而打乱用户的使用流程。

以下为几种适配方式

1.内容等比放大。

这种是最为简单快速的方法，但是却没有体现屏幕的灵活性。直接拉伸放大更适用于观看视频或打游戏，大屏能够加深沉浸式体验。

适用场景：视频、游戏

2.增加页面信息量

使原来折叠、隐藏的内容直接展示出来，或者使用新的内容去填充空间，使界面呈现更多信息。

适用场景：直接展示原隐藏的icon 、banner、文字 或者 增加瀑布流的展示列。

3.显示下一级内容

适用于需不断跳转页面查看的情况，在右侧屏幕新增一块区域显示下一级界面的内容，避免页面来回跳转。

适用场景：如在搜索列表旁展示搜索项详情、阅读多条通知内容

4.强调同一页面的相关信息

由于尺寸原因，现在的页面只能从上到下排列，在同一页面内选一项非置顶的强需求内容在右侧屏幕上展示。

适用场景：在商品介绍页侧边增加相关商品评价。

小结

1.2两种方式都是将主屏幕作为一整个界面去填充内容，而3.4两种方式则是将屏幕分为主屏与子屏两块内容。需要注意子屏需与主页面有相关性，内容应从下一级页面或者同一页面获取，而不是随意贴一块毫无关联的信息，避免打断用户在切换屏幕时的连续性与使用体验。

适配案例

——

下面以大众点评app为例，做折叠状态与展开状态两个页面的效果图。

| 案例1：首页

在首页使用两种适配方式，将隐藏的icon直接展示出来，适当放大界面内容，提升视觉体验。同时展示更多信息。

首页

| 案例2：搜索附近餐厅（地图视图）

用户使用此功能时是一个无目的状态，想要快速了解某一地点的美食信息。

用户在地图视图能直观地看到附近各餐厅的地理位置，但是在单屏状态下展示的内容有限，用户若要了解这家餐厅的具体信息与评价，需到下一级页面查看，然后继续返回地图视图查看别的餐厅，如此反复十分不便。

因此在此场景下使用第三种适配方式，右侧增加一块子屏，在展开状态下直接展示具体餐厅介绍，减少页面跳转。

地图视图

| 案例3：用户点评

用户的点评页是大众点评app的一块重要内容，在这里使用第四种方式，将原隐藏在底部的相关商店信息直接展示在右侧，让用户更方便地获取信息，减少操作。

用户点评

| 案例4：商家介绍

在查看一家商店的介绍时，用户评价往往是重要的依据。在这里使用第4种适配方式，将评价内容直接呈现在右侧，用户可以更为快捷地获取自己想要的信息

商店介绍

总结

——

在进行设计的同时不应生搬硬套， 更需要考虑在每一个功能下，用户更需要的信息是什么， 以及切换屏幕的的原因或场景。

以上是我根据目前获得的折叠屏信息进行的一些尝试性猜想。

Powered by Froala Editor