（译）Material Design Platform adaptation

其他文章

Material Design支持跨平台的设计和可用性最佳的实践，以帮助创建优秀的用户体验。

1. 什么时候适配

Material Design建立在传统和网络设计的最佳实践的基础上，由用户体验研究和认知科学提供。 从这些发现开发的设计指南旨在被广泛应用于所有平台和设备。

设计约定可能因平台而异。 这些约定的差异可以影响用户理解UI或完成某些任务的能力。 在这些情况下，建议适应平台特定的约定。 在设计差异最小化的地区，适应平台是可选的。

以下准则指示您何时应该适应本机平台约定，以及何时可以选择适应。 平台惯例不断发展，材料设计正在与他们一起发展，以提高我们的设计模式的质量。

image

2. 平台建议

工具栏

工具栏通常用于框架屏幕的上下文。

建议对工具栏标题使用平台的默认文本对齐方式，除非存在多个操作按钮。

image

Android/Web

标题总是左对齐

iamge

iOS

标题默认居中

image

Android

当有多个操作图标时，甚至没有操作图标出现在右侧时，工具栏标题总是左对齐。

image

ios

当多个动作按钮位于应用程序的右侧或主屏幕时，标题可以左对齐。

图标

系统图标用于表示平台最普遍可用的操作。

image

Android/Web

后退按钮包含带杆的细箭头。

iamge

iOS

在iOS上，后退箭头更厚，没有杆。

image

Android/Web

操作溢出菜单图标（由“更多...”符号指示）包含三个垂直点。

image

ios

操作溢出菜单图标（由“更多...”符号指示）包含三个水平点。

控件

控件应清楚地指示用户应如何与它们进行交互。

image

Android

使用Materials控件：Switch，checkboxes，radio buttons

image

ios

Native平台qaitch可以被使用，因为它们具有与Material switch匹配的功能和外观。

使用开关而不是复选框和复选标记列表，而不是单选按钮，因为这些是iOS上预期的图形。

手势

边缘滑动

边缘滑动从屏幕外部开始，以显示屏幕外部内容。

边缘滑动可能与其他滑动手势发生冲突，例如通过页面或表行的水平滑动。 为了避免这些类型的冲突，边缘滑动应该执行与存在于内容区域上的任何其他滑动相同的行为。

image

Android

当不存在冲突手势时，从左边执行边缘滑动显示内容，诸如DrawerLayout。

image

ios

当不存在冲突手势时，从左侧执行边缘滑动可导航回通过应用程序的层次结构。

排版

排版同时传达文本内容和品牌。 在这两种情况下，文本必须可访问和可调整大小。

如果您的应用程序已使用排版的品牌，建议这样做适度。

image

Android

Android上的默认字体是Roboto。 在Android上，应以可缩放像素指定文字大小，以允许使用辅助功能来调整类型大小。

image

ios

iOS上的默认字体是旧金山。 使用此字体是实现辅助功能（如“动态类型”）的最简单方法。 使用其他字体可能需要进行调整才能获得相同的辅助功能。