折叠屏是柔性屏的一种,也被认为是未来终端设备的发展方向之一。或许是因为折叠屏带有的“科幻”属性,受到更多的关注。目前,包括华为、小米都已经推出折叠屏手机。

单屏与多屏
在折叠屏出现之前,无论是功能机、PC、智能机、平板,都是单屏的。虽然智能手机也开发了“分屏”的功能,但是将小屏幕进行分割,体验更差。在单屏下,出现了自适应网站,也就是响应式网站,可以适应不同大小的屏幕。
当折叠屏□□□乃至柔性□□屏出现之□□□后,一台终端,拥有多个□□□□屏幕,并且屏幕□□□可以合并。此时,网站应该□□□□如何在显○示呢?
有人或许□□会说——多屏不过□□□是屏幕变□□大变小,自适应网□□□□站同样可□□以显示。但是,在多屏场□□景下,如果网站□□□□仅仅在一□□□□个屏幕显✦示,对多屏设□□□□备来说,无疑是一□□种资源浪□□费。
所以,有必要探★讨这个问□□题——多屏场景□□下,如何显示□□□网站?甚至,不仅仅是□□网站,还包括APP、小程序等▼等,如何显示?
现行的做法
因为折叠屏手机已经批量化生产和上市,目前,他们都是怎么做的呢?
自适应。就是我们□□□之前提到□□的,根据屏幕△大小自动♦适应显示。当屏幕折□□□□叠的时候,网站可以▲在小屏幕◣显示,当屏幕合□□□□并时候,网页可以□□□□在大屏上□□显示。这种做法□□□□非常适合□□□□一些需要★频繁在屏□□□幕进行操□□□□作的网页□□□和应用,例如导航□□□页面、例如炒股◇页面,大屏状态□□□下,视觉效果□□和操作便□□□利,体验显著□□□提高。
平行视界。这是华为▲折叠屏的□□□专利,简言之,就是多线□□程、多任务。两个屏幕□□□可以处理▼同一应用□□□中两个任◇务,例如,一个屏幕□□观看视频,一个屏幕□□□□可以撰写□□□弹幕。近期,B站也申请□□□□了一项类□□似的专利。
平移显示。当一个屏□□□□幕开打网□□□□站,另一个屏□□幕可以显▼示网站中□□□的重要元□□素,例如某张□□图片、评论界面□□□□等。
更好的设想
当有两个□□屏幕,网站显示◣有没有更□□□□好的显示□□□□方式呢?我们考虑○了如下几•种显示方◣式:
展示和互□□□□动的分屏。大多数的丨企业官网,有两大功◇能,一是展示□□□□功能,一是其他□□功能。展示功能□□□以展示产□□□品图片、公司信息□□□为主,其它功能□□□包括在线□□对话功能、评论功能、购买功能、支付功能□□□等等。如果是两□□□个屏幕,一个屏幕□□□以展示为□□主,一个屏幕❖以操作为□□主,这样的用□□□□户体验会□□更好。
实现跨屏□□展示。因为一个◈屏幕无法□□完全展示□□□内容,为此,出现了不□□少设计模□□□式,如导航、滚动条、置顶和回◥到底部按◈钮、返回和前□□□进按钮、回主页等□□□等,如果是两※个或者多□□□□个屏幕,一页内容□□可以通过□□两个屏幕□□□展示,至少就无□□□□须滚动条☆了。相应地,多屏幕下,一些设计□□可以简化。例如导航,栏目和层▽级可以进▲行简化。
我们认为:一台设备◈上的两个❖屏幕,不等同于□□□两台设备,能以更好□□□□的方式展□□现网站内□□容和形式。但是,这还需要□□□从设计标□□□□准、网站开发、硬件适配○等方面进□□□行努力和□□□改进。