# DesignSupportLibraryDemo

**Repository Path**: mirrors_sunrongxin7666/DesignSupportLibraryDemo

## Basic Information

- **Project Name**: DesignSupportLibraryDemo
- **Description**: Android Design Support library Demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-26
- **Last Updated**: 2026-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![Material Desgin](http://upload-images.jianshu.io/upload_images/3297585-433d99826ade30c5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

现在扁平化设计十分流行，很多应有都采用了扁平化设计的风格，尤其是在移动端应用开发上，可以已经成为一种先锋式的潮流。

扁平化设计最早有谷歌公司在2008年提出，其的核心意义是：*去除冗余、厚重和繁杂的装饰效果*。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素，这样可以让“*信息*”本身重新作为核心被凸显出来。同时在设计元素上，则强调了抽象、极简和符号化。

扁平化的设计，尤其是手机的系统直接体现在：*更少的按钮和选项*，这样使得UI界面变得更加干净整齐，使用起来格外简洁，从而带给用户更加良好的操作体验。因为可以更加简单直接地将信息和事物的工作方式展示出来，所以可以有效减少认知障碍的产生。

扁平化的设计，在移动系统上不仅界面美观、简洁，而且还能达到降低功耗、延长待机时间和提高运算速度的效果。

[Material Desgin](https://material.io/guidelines/#)是一种大胆的**扁平化**创新, 谷歌公司希望让Material Design给用户带来*纸张化*的体验。这种新的视觉风格，在基础元素的处理上，借鉴了传统印刷设计，对于字体版式、网络系统、空间、比例、配色和图片的使用都提出了平面设计规范。

此外，Material Design还提倡**实体隐喻**理念，利用实体的表面与边缘的质感来打造视觉线索，让用户有更为真实的感受。熟悉的质感会让用户可以快速地理解并认知。

为了体现扁平化的设计风格，Material Design中强调将物理世界中的体验带入屏幕中，并去掉物理世界总的杂质。

为了实现更为真实的空间与材质的质感，Material Design中引入的**魔法纸片**，其拥有显示时间的厚度，惯性和反馈，并且还能自由的伸展变形。魔法纸片引入**Z轴**的概念，Z轴垂直于屏幕，又来表现元素的层次关系，Z值越高，元素里屏幕底层越远，投影越重。

![Z轴](http://upload-images.jianshu.io/upload_images/3297585-ed93653003651f80.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


![魔法纸片](http://upload-images.jianshu.io/upload_images/3297585-53c476477004f7b5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

同时，Material Design还强调物体的的动作不仅要展现出运动轨迹，还要体现出其空间中的关系、功能以及在整个系统中的趋势。比如对于可以点击按钮，当用户点击时，按钮的阴影应该随着点击动作变化体现出其在Z轴的“位移”。

![1502100463618.png](http://upload-images.jianshu.io/upload_images/3297585-3a26236f4149012b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

为了更好的推广Material Design，谷歌推出了Android design support library，其中包括了一些Material Design风格空间，这些空间设计优美功能强大，让人眼前一亮。我会再按照以下的内容陆续为大家接受其使用方法，欢迎大家关注。

- [Part 1 – Floating Action button](http://www.jianshu.com/p/07db52a81265)
- [Part 2 – Snackbar](http://www.jianshu.com/p/992dae5931e1)
- [Part 3 – Navigation view](http://www.jianshu.com/p/98e4d5e84d00)
- [Part 4 – TabLayout](http://www.jianshu.com/p/c5a98955d824)
- [Part 5 – CoordinatorLayout & 自定义Behavior](http://www.jianshu.com/p/be1e72b8f85e)
- Part 6 – Floating labels for Editing text

最后给出[Github源码](https://github.com/sunrongxin7666/DesignSupportLibraryDemo)