Retractable Menu(伸缩式菜单)

问题

用户需要访问导航,但是也需要更多的屏幕空间。

解决

创建一个可以隐藏并且很容易被再次找到的菜单。

何时用

当主导航(Main Navigation)占位太多,屏幕空间拥挤时,或者考虑一个水平(Trail Menu)跟踪菜单结合(Fly-out menu)飞出式菜单。


如何做

使用动态HTML实现,也将需要某种形式的自适应布局(Liquid Layout)。

为什么

这种模式主要是节省了大量的屏幕空间,同时也保证了菜单的可用性。相比一个(Fly-out Menu)飞出式菜单或者(Overly Menu)叠加式菜单,伸缩式菜单只在你需要时点击出现。

更多案例

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容