二、单页面布局设计
折叠屏展开态下屏幕宽度变宽,为用户提供了高效便捷的使用体验。动态布局是一种针对设备宽度变化而进行界面版面优化重排的有效变化方式,能够提供良好的体验。
1动态布局
动态布局可以细分为“自适应动态布局”以及“响应式动态布局”两类。
1)自适应动态布局
随着屏幕设备规格的变化,界面中所呈现的信息量有增加,但信息架构不变。常见的自适应动态布局的表现形式为:相对拉升,相对缩放,延伸效果等。
2)响应式动态布局
随着屏幕设备规格的变化,页面内的信息架构会发生变化,常见的响应式动态布局的变形形式为:挪移效果,重复效果,瀑布效果等。