Material Design 概述

1. 介绍

Material Design 是 Google 官方在 2014 I/O 上发布的设计语言。

事实上随着更多的 Android 设备进入到 5.0 以上系列,Material Design 的应用也愈加广泛。

2. 设计原则

2.1 Material is the metaphor

实体(Material) 是此设计语言的基本组成,与众不同的触感是实体的基础。

实体的表面和边缘提供了基于真实效果的体验,熟悉的触感能让用户快速的理解和感知,实体的多样性能更好反映真实世界的设计效果,而又不会脱离客观规律。

光效表面质感运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系,以及单个物体的运动。

2.2 鲜明、形象、深思熟虑

新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫,不但可以愉悦用户,而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,让用户沉浸其中。

Material Design 设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。

2.3 有意义的动画效果

动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定,能够改变整体设计的触感。

动效应当在独立的场景呈现。通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。

动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。