for pad(for pad塞顿美利曲辛片)

for pad

MIUIforPad专为7寸或更大尺寸的平板电脑设计，优化了产品的交互和设计体验。通过这个文档，介绍我们设计MIUIforPad的思路和方法，为三方App的设计提供建议。关于读者

本文档的读者是在移动产品设计方面有一些经验的PM。本文重点介绍了Pad设备的特点以及与手机产品设计的区别，并通过MIUIforPad的设计案例，帮助三位开发者完善自己的Pad应用。

如果你还没有从事过移动产品设计，建议你先看看Google官方的AndroidDesign文档和iOSHumanInterfaceGuideline。本文档在编写时也参考了它们。尊重机器人设计

MIUI是Android生态系统的一部分。如果你的设计符合Android的设计方法，design在MIUIforPad上会表现很好！

推荐阅读:http://developer.android.com/design用户如何使用Pad产品？

典型场景:下班回家，坐在沙发上，用Pad看电影，刷微博，玩游戏。会议室里，把Pad放在桌子上做会议纪要，演示PPT，快速方案交流。出去玩，用Pad看地图，处理照片，分享。

Pad的硬件特点:屏幕更大，内容更多，交互空间更大，能够处理复杂任务。更强大的计算能力和续航能力，可以完成复杂操作，支持长时间使用。它的体积和重量都比手机大，所以用户倾向于在稳定的状态下使用，比如坐着或者站着。

小米Pad屏幕配置参数屏幕分辨率:2048*1536(请注意比例为4:3)屏幕尺寸:7.9英寸每英寸像素:320dpi(xhdpi)。

交互式设计建议

设备方向因为Pad设备的硬件配置设计是双轴对称的，所以当用户启动你的应用时，他们会希望不用旋转设备就能使用它。所以强烈建议你的应用支持四个方向的布局，也可以使用横/竖屏合理显示不同的内容，满足用户的需求。同时，我们也建议您在启动app前检查设备方位，根据设备方位正确显示您的应用。确保你的应用在启动时方向正确。如果您的应用程序只支持横向或纵向屏幕，也建议您支持两个方向的布局(垂直/水平)。当用户旋转屏幕时，您可能需要重新布局应用程序。AndroidDesign中提到，Android原生支持四种重布局方式:拉伸/压缩、堆叠、展开/折叠和显示/隐藏。从我们的实践来看，我们建议您考虑拉伸/压缩和显示/隐藏，以尽量减少旋转过程中的结构变化，这可以使应用程序更加一致，避免用户在旋转后迷失。

弹出用户一般是双手握着Pad设备或者单手点击，所以如果你的应用设计中有弹出操作，应该会出现在屏幕中央供用户点击。

两种常见的结构模型

Pad的大屏幕给了设计师更大的发挥空间，你可以用这个屏幕做很多事情。下面介绍两种常用的布局方式，在MIUI系统的应用设计中也会用到。

导航-内容(选项卡导航结构)索引-内容(两栏结构)

小米应用商店:导航-内容(标签导航结构)

标签导航结构是一种经典的布局方式，适用于内容运营驱动的店铺产品。导航栏放在页面顶部，标签页在左侧，支持横向切换，符合Android的交互习惯。我们建议最多不要超过5个标签。标签过多会导致产品更加复杂，布局拥挤，用户难以识别和点击。方向旋转时，不应增加或减少选项卡的数量。保持产品一致性。建议将全局操作放在导航栏的最右侧，在多级浏览的情况下仍然可以快速使用。二级页面的标签页位于顶栏中央，仍然支持水平滑动切换。如下图

MIUI文件管理器:索引-内容(两列结构)

两列结构分为左右两列，属于父子结构。左边是内容索引(父)，右边是具体内容显示(子)。我们在便利贴、联系人、设置和文件管理器中采用了这种结构。左栏应该是固定大小的，无论横屏/竖屏，宽度都一样，有助于保持界面的稳定。如果采用谷歌的拉伸/压缩设计，谷歌会逐年缩放宽度，这也是一个可以接受的设计。左栏的宽度应该小于右栏的宽度。如果左栏尺寸过大，会给用户父子结构倒挂的错觉，影响体验。左栏的操作可以控制右栏的显示内容。例如，在文件管理器的左栏中选择一种类型，将显示右栏。但是右栏应该不能控制左栏的显示。尽量避免左栏右栏都分层导航，这样可能会让用户失去位置。