布局模式：常用的响应式移动UI模式

　　响应式移动UI布局是在设计移动UI时常用的一种布局模式，这种布局模式可以使设计的元素在任何尺寸的屏幕之间灵活适配，保证布局和体验的一致性，是在最少的资源情况下也能够完成设计的适配模式。
一．固定布局：固定使用一种布局
　　图2-25所示为固定布局模式。固定布局指的是在设计界面时，屏幕中的元素恒定在横屏和竖屏的下面，这种布局的设计方式是直接运用竖屏定义的规则来适配横屏，这样不仅开发成本低，而且开发适配快捷，效率高。

图2-25 固定布局

二．流线布局：相对拉伸内容元素
　　图2-26所示为流线布局模式。流线布局是指利用界面中的元素在屏幕中所显示的区间范围内进行互相对应的延展和收缩来达成设计布局的完整。这种设计对UI布局的重新构建不会造成什么影响，不仅开发成本低，适配也非常简单快捷。以下所展示的界面就运用了流线布局，在竖屏时左右两边的留白是单独规定好的，而在横屏时左右两边就扩大了留白，这样的话，内容就不会显得过长。

图2-26 流线布局模式

三．等比缩放：相对位置等比缩放
　　图2-27所示为等比缩放布局模式。等比缩放布局是利用元素控件在界面中相对应的位置进行同样比例的放大和缩小，来达到横屏和竖屏之间都能够显示出相对较好的UI的目的。这种布局一般不会对所设计的界面造成结构重组的影响，而且开发成本低，适配简单，一般运用于新闻期刊、音乐和视频App等这种常带有图片宫格布局的领域。这种等比缩放的界面布局当屏幕放大后，具有强力的视觉冲击力，但同时需要足够高清的资源支撑作为前提。