UCD思想:横竖屏切换的设计的浅谈(2)
如何设计
适配拉伸设计
在横竖屏的匹配时照优先设计的样式，旋转后尽可能保留相似的UI布局、信息和文本的格式基础上，适当拉伸填满屏幕。例如下图：IOS平台的某应用在旋转屏幕后的设计，内容与结构都保持高度一致与相似性，上下标签栏在宽度上拉伸同时的适当降低了高度。
调整设计布局
当页面中元素较多不能够依靠简单的旋转拉伸满足设计时，常用的方法是调整原有页面布局，按照需要重新排版。例如：某S60平台通讯录产品的联系人列表的处理，原本位于屏幕上下的标签工具栏的形式不变，但位置随屏幕一致而成左右分布，左侧工具栏与状态栏合并，只是图标与文字掉转了方向；搜索框则被置于屏幕下边。
分割屏幕设计
由于横竖屏时比例改变的限制，部分情况下可以做到将内容分割排列的方法。例如下图，横屏时将屏幕区域分为左右两部分，把竖屏时处于上下两层级的拨号盘与列表同时展开同，在做到解决页面遮挡问题的同时，也很好避免了设计上UI被迫过度拉伸的情况。
合并隐藏设计
在难以调整结构框架布局，或者分割内容的情况下，横竖屏的切换要在必要时做减法设计。
由于横屏时更适握持及合双手的操作，因而在应用到文字输入类产品中会较多的出现横竖屏切换的设计，例如Android平台横屏状态的软键盘表现为独占式输入状态，即输入框以及键盘按钮会占满全屏来避免页面遮挡问题。
在IOS系统中，Talking Status Bar 在横屏形式中会与Status Bar合并，呈绿色状态。（如下图）
展示差异化设计
由于移动设备屏幕大小的原因，无法塞在一个界面里。横竖屏的切换时，允许用户对于同一个界面有不同的展示方式，不一定在横屏时也和竖屏保持显示内容的一致，这时横屏可以有更好的适应横屏的展示方式，使用户更好的操作。例如：iPhone的iPod应用横屏时展示Cover Flow模式，竖屏时则展示List或单曲播放模式。
