D27

四、结构（Structure） UI区域（UI regions） 关于通过在z轴上排列元素以实现正确的行为和投影的指南，请参见 环境 和 高度和阴影 部分。 结构：移动端 这个结构包含一个固定的应用栏和一个浮动按钮。还有一个可选择的底部栏（bottom bar），它可以添加附加功…

三、度量和参考线（Metrics & keylines） 基线网格（Baseline grids） 无论是移动端、平板端还是桌面端上，所有的应用组件都对齐至8dp单位的方形基线网格上。但工具栏中的图则对齐至4dp单位的方形基线网格上。 基线网格的例子 基线网格的例子 文字于4dp…

单位和尺寸（Units and measurements） 有些单位在不同的语境中有着不同的含义。这章讨论的是设备独立像素（dp）、可缩放像素（sp）以及其他像素密度概念。 像素密度 每英寸拥有的像素被称为“像素密度”。高密度屏幕比低密度屏幕每英寸拥有的像素高。因此UI元素（如按…

第四章《布局》 一、原则 （Principles） Material design基于印刷的设计元素（如排版、网格、空间、颜色和图像等）去创建层次结构、情景含义和视觉焦点，这一切都是为了加强用户体验。Material design 采用印刷设计的基本工具（如通用于所有页面的基础网…

五、书写（Writing） 不管用户是什么人在什么地方，他们的文化或语言是什么，你所呈现出来的文本都应该能被用户所理解。 明确、精炼、简洁的文本能让交互界面更可用，且更容易取得用户信任。 除了这些准则之外，还需要参考具体的UI元素指导，例如出错、对话框、设置以及数据格式。 指南 …

四、字体与排版 Typography Roboto和Noto是Android和Chrome的默认字体。 Roboto是Android的默认字体。Roboto字体没有完全支持所有语言。 Noto是一个包含所有语言的字体，它是Chrome的默认字体。 文本类型 英文和类似英文的(例如…

三、图像（Imagery） 图像不仅是一种装饰，它还是一种能够帮助用户理解以及区分你产品的强大工具。 大胆、形象、有意义的图像能够帮助你吸引用户。 无论气氛是压抑、柔和还是明亮、多彩，以下的设计准则以及实践案例能够帮助你使用图像把应用和生活结合起来。 准则 有关联的 有意义的 令…

二、Icons Material icons使用几何图形直观地来表示其核心概念，功能或主题。 产品icons是一个品牌下产品、服务和工具的一种视觉表现 系统icons则代表一个命令、文件、设备、目录或常用操作。 尺寸 产品icons 48dp，边缘1dp；系统icons 24dp…

第三章节《样式》 一、颜色（Color） Material Design的色彩受大胆活泼的色调启发，并配合柔和的环境，阴影和高光组成。 颜色工具（Color Tool） 颜色工具可以帮助你在UI中创建、分享和使用调色板，以及测试不同颜色组合的可访问（accessibility）级…