当屏幕可以折叠,交互设计怎么做( 三 )

1. 普通屏到折叠屏之间的适配方式

通常情况下移动端页面的设计尺寸采用750*1334px,该尺寸在不同的屏幕之间适配。而折叠屏的屏幕尺寸规格将会变得更大,例如HUAWEI Mate X的主屏分辨率为2480*2200像素,想通过原来的适配方案去适配这样的折叠屏无疑在界面的体验感是很差的(如下图所示),如果将现有的750*1334px的方案适配到折叠屏幕上会出现界面利用率低或界面内文字太大,显示内容太少的情况。

当屏幕可以折叠,交互设计怎么做

这两种适配方案显然不能满足人性化的设计原则,用户在使用这样的适配方式时可读性很差,同时削弱了折叠屏的优势——屏幕大的特点。

针对这样的设计特点,笔者认为可以将数据信息进行智能化适配将屏幕撑满(如下图),一方面可以展示较多的商品信息,同时减少用户的操作负荷(因为在屏幕小时通常采用左右滑动查看更多的形式,而屏幕宽时就省去这样的操作);另一方面保证信息的完整性提升用户的视觉体验感。

推荐阅读