Bdfebd06dfa807394f0546a0bbc7347c
1. 框架

初识

这是猫扑,这个页面里,左右两栏,各自单独滚动。

这是新浪体育的直播,这个页面挺长的,可以滚动。中间栏还可以单独滚动。页面里嵌套一个小滚动窗口。

在网页代码里,
实现第一种分屏效果,代码是< frame >...…< /frame >。
实现第二种嵌套效果,代码是< iframe >...…< /iframe >。
这两种被统称为:frame,中文译为:框架。

现在技术发展了很多,实现这样的页面已经不再局限于这些代码了。我们这里只是讨论这样的页面,在设计上的问题。

区分一下这两种框架,第一类被称为:分屏框架,第二种称为:嵌套框架。

手机上,这两类框架也都有。
iOS日历,横屏时,左右的分屏框架。

嵌套框架的则无法直接搬到手机上了。如果直接搬,是这样:
如果是这样,当滚动到小窗口出现后,手指再滑屏幕,就很有可能滑到小窗口里了,如果小窗口面积很大,那就有可能落入陷阱,逃脱不了了。
其实这个问题在PC上也有,不过PC屏幕大,而且是光标操作,问题不那么严重,而在手机上,手指头大,而屏幕小。

所以在手机上,把小窗口的滚动变成了横向:
这简直是太智慧了。
 


利弊

框架是把一个屏幕当多个用。能让用户同时处理多组信息,办事效率更高。
框架缺点也显而易见:框架把屏幕分成了多个区域,这当然比“一整个儿页面”要更难理解一些,使界面这个二维空间有点儿空间错乱。嵌套框架还会出现上面说的“滚屏陷阱”。

top Created with Sketch.