# Google 应用如何体现 Material Design

- 作者：积木
- 发布时间：2014-07-15 09:00
- 分类：特稿
- 原文：https://www.ifanr.com/432825

[![material design](https://s3.ifanr.com/wp-content/uploads/2014/07/google-says-that-material-design-is-based-on-the-same-design-principles-as-paper-this-means-app-icons-are-designed-to-rise-up-when-you-tap-them-rather-than-sink-down.jpg)](http://www.ifanr.com/432825/google-says-that-material-design-is-based-on-the-same-design-principles-as-paper-this-means-app-icons-are-designed-to-rise-up-when-you-tap-them-rather-than-sink-down)

今年的 Google I/O 主题演讲上，Google 展示了 Android 的全新设计语言，并且宣布了开发者预览版 Android L。不过，如果你想通过 Android L 体验 Material Design 的话，会失望地发现，Google 的应用基本都停留在老版本。通知中心、设置、拨号器、计算器，还有提前向 Material Design 进化的 Google+，这些东西无法满足我们对新设计的好奇心。

使用 Material Design 的 Google 应用会是什么样子？[Ars Techinica](http://arstechnica.com/gadgets/2014/07/android-ls-app-design-early-looks-at-youtube-gmail-maps-and-more/) 从 Google I/O 大会以及 Material Design 指导页面上，汇集了许多相关的图片。这些图片并不能代表 Google 未来的产品，但是，通过这些例子，Google 试图告诉开发者，应用要如何设计，怎样才算遵循指导规范。因此，当 Android L 正式发布的时候，Google 应用的样子应该与图片相差不远。

![realgmailkeynote-2-980x612](https://s3.ifanr.com/wp-content/uploads/2014/07/realgmailkeynote-2-980x612.jpg)

平板上的邮件应用

![gmail2-980x577](https://s3.ifanr.com/wp-content/uploads/2014/07/gmail2-980x577.jpg)

邮件应用，展示了导航抽屉、写邮件和滑动删除

![gmail-980x387](https://s3.ifanr.com/wp-content/uploads/2014/07/gmail-980x387.jpg)

邮件应用，不同机型

![maps-3-980x576](https://s3.ifanr.com/wp-content/uploads/2014/07/maps-3-980x576.jpg)

地图应用，展示了地点页面、路线预览和导航

![maps](https://s3.ifanr.com/wp-content/uploads/2014/07/maps.jpg)

平板上的地图应用，展示了兴趣点

[![maps2](https://s3.ifanr.com/wp-content/uploads/2014/07/maps2.jpg)](http://www.ifanr.com/432825/maps2) 兴趣点的卡片

![searchtube](https://s3.ifanr.com/wp-content/uploads/2014/07/searchtube.jpg)

Google 搜索、Youtube

![chrome1-980x572](https://s3.ifanr.com/wp-content/uploads/2014/07/chrome1-980x572.jpg)

Chrome：网页、标签页切换、新标签页

![music1-980x577](https://s3.ifanr.com/wp-content/uploads/2014/07/music1-980x577.jpg)

音乐播放器：主页、专辑页和播放页面

![musictablet-980x735](https://s3.ifanr.com/wp-content/uploads/2014/07/musictablet-980x735.jpg)

平板上的音乐播放器：专辑页面

![musictablet2-980x735](https://s3.ifanr.com/wp-content/uploads/2014/07/musictablet2-980x735.jpg)

专辑页面，卡片向上滑动

![musictablet3-980x735](https://s3.ifanr.com/wp-content/uploads/2014/07/musictablet3-980x735.jpg)

平板上的音乐播放器：主页面

![music2-980x398](https://s3.ifanr.com/wp-content/uploads/2014/07/music2-980x398.jpg)音乐播放器的播放页面，不同设备

![calendar](https://s3.ifanr.com/wp-content/uploads/2014/07/calendar.jpg)

日历：当天日程和新事件

[![calender](https://s3.ifanr.com/wp-content/uploads/2014/07/calender.jpg)](http://www.ifanr.com/432825/calender)

日历，不同设备

![contacts-980x344](https://s3.ifanr.com/wp-content/uploads/2014/07/contacts-980x344.jpg)  
通讯录，不同机型

![contacts2-2](https://s3.ifanr.com/wp-content/uploads/2014/07/contacts2-2.jpg)

通讯录：个人页面和联系人列表

![gallery-2-980x576](https://s3.ifanr.com/wp-content/uploads/2014/07/gallery-2-980x576.jpg)

图库

![keep](https://s3.ifanr.com/wp-content/uploads/2014/07/keep.jpg)

记事本，很像 Keep

![google-play-libraries-980x680](https://s3.ifanr.com/wp-content/uploads/2014/07/google-play-libraries-980x680.jpg)  
媒体库

![play-combo-980x513](https://s3.ifanr.com/wp-content/uploads/2014/07/play-combo-980x513.jpg)

Play Store：书籍、音乐、电影

题图来自 [businessinsider](http://www.businessinsider.com/android-l-material-design-user-interface-changes-2014-7?op=1)
