横竖都要给力——.pptxVIP

横竖都要给力—— 浅谈移动客户端的横竖屏切换设计;基本硬件设备----重力感应器 重力感应器是由苹果公司率先开发的一种设备，现在它将其运用在了iPhone和ipod-nano4上面。说的简单点就是，你本来把手机拿在手里是竖着的，你将它转90度，横过来，它的页面就跟随你的重心自动反应过来，也就是说页面也转了90度，极具人性化。 手机重力感应技术：利用压电效应实现，简单来说是测量内部一片重物（重物和压电片做成一体）重力正交两个方向的分力大小，来判定水平方向。通过对力敏感的传感器，感受手机在变换姿势时，重心的变化，使手机光标变化位置从而实现选择的功能。 ? ; 重力感应器在移动设备中的应用，能够让用户自由灵活的实现 横屏和竖屏的自动切换。这类技术更好得满足了用户的需求，除了由手持手机的方向决定屏幕切换的情况（如游戏、视频、拍照、浏览网页等）外，在不同的使用情景下，两种显示方式也都能带来更好的体验。比如竖向的屏幕有较高的滚屏效率，可以满足用户浏览长列表内容的需求；而横屏幕意味着获得一个更宽的可视空间，能够展示更多的内容。;应用背景;横竖屏切换设计的方法;适配拉伸设计 在横竖屏的匹配时照优先设计的样式，旋转后尽可能保留相似的UI布局、信息和文本的格式基础上，适当拉伸填满屏幕。 例如下图：IOS平台的某应用在旋转屏幕后的设计，内容与结构都保持高度一致与相似性，上下标签栏在宽度上拉伸同时的适当降低了高度。 ;分割屏幕设计 由于横竖屏时比例改变的限制，部分情况下可以做到将内容分割排列的方法。例如下图，横屏时将屏幕区域分为左右两部分，把竖屏时处于上下两层级 的拨号盘与列表同时展开同，在做到解决页面遮挡问题的同时，也很好避免了设计上UI被迫过度拉伸的情况。 ;设计要点 保证界面的一致性 横竖屏切换后，过大的跳跃性改变会造成用户不知道之前操作跑哪儿了的情况，或者感觉对程序失去控制，由此产生迷茫和不解 ，也会增加学习时间。同样，如果应用程序界面只支持单一方向的展示（如视频播放），最好的做法就是保持界面固定，不随着设备 方向改变而改变。即使一定需要调整结构布局或是改变显示内容，也应该延续交互的上下文关联性，避免变化过大或者无缘由地改变。 保证交互与反馈的一致性 设计时应注意横竖屏时交互反馈自相矛盾的情况，例如：机身音量加减按钮与横竖屏时“+”“-”命令的对应关系，应当符合一致的逻辑。 ;聪明、有选择的限制 由于用户在使用手机的过程中，经常会无意中调整位置，从而导致手机误认为是要进行横竖屏的转化， 从而更容易导致操作上的失误，引起用户的反感。因而需要给予用户选择，根据需要来开关横竖屏切换或是手动切换。 ;上文提到的这些要点，对于手机客户端横竖屏切换设计尤为重要，而其中大部分也是普遍性交互设计原则的体现，比如一致性、易于理解等等。此外，设计中还应当遵循各平台设计的交互规范，以及人机交互可用性工程原则，如左右手操作的习惯，以确保体验得到尊重。此处也需说明，虽然横屏与竖屏下对于操作体验的影响是显而易见的，一般的效率型应用或实用工具，也是横竖屏都有，但不同功能的应用，都有其特定的展现形式，因而不应盲目对任何应用不加选择的都去做横竖屏适配。在用户需求的基础上，如果让用户觉得切来切去更麻烦，或者没必要切换，就不需要进行适配设计。此外，试想如果能在手机客户端产品中加入由用户来自己定制横竖屏切换后的UI布局，在遵循各平台UI规范的前提下，甚至是动作、功能和内容也可以根据个人喜好自由调整，这样的设计想必会加强用户在产品使用中的参与感，优化体验。