谷歌Matias Duarte称,“Material Design是漂亮和大胆的。由于干净的排版和布局简单且easy理解。内容才是焦点。

谷歌I/O
014开发人员大会上宣布全新的设计语言“Material Design”,适用于旗下全部平台,包含 Android、Chrome OS 和网页。

谷歌Matias Duarte称,“Material Design是漂亮和大胆的,由于干净的排版和布局简单且easy理解。内容才是焦点。

Material Design 初次亮相是在 Google 上月公布的 Google+应用升级中,它更换了新图标和字体,并拥有更加统一的界面层次。整个界面的设计都建立在 Google 称为「合理化空间与动作系统的统一理论」的基础上。谷歌表示,这一设计语言将又一次定义 Android 与网页端应用,当然当中也包含 Gmail 和谷歌日历。

“这是一种很先进的纸墨,它和魔法无异。”这是谷歌设计副总裁马提亚斯·杜阿特(Matias
Duarte)口中Material Design的中心原则。这个比喻隐喻的是谷歌背后新的设计方向,即为软件的外观和执行提供一套完整的物理理念和规则。

谷歌的设计团队想要打造出一个能够适用于全部产品(包含Android和Chrome OS在内)的“更加一致的外观和感觉”。构建这个理念时。团队并没有从特定的调色盘颜色或一段指南開始,而是首先问了一个问题:软件是由什么做成的?

物质和形式

答案来自一次设计探索。

当时谷歌首席搜索设计师乔恩·威利(Jon Wiley)和他的同事尼古拉斯·杰特科夫(Nicholas Jitkoff)对如今看起来无处不在的卡片式设计表示关注,这样的设计最早源自Google Now。他们看着这些卡片,想的是“当你滑走一张卡片时,它的以下显示的是什么?”

“这是一个非常天真的问题。”杜阿特表示。“可是这激发出了强烈的火花。”这个想法引领团队构建出一种关于软件构成元素全新的思维方式。

相对于在屏幕上讨论像素或是抽象层面,设计团队把这些卡片和滑动的表面视为是真实、有形的物体。

假如这些卡片是一些具有物理性质的真实材料,那么就意味着将有一些规则来约束它们在屏幕上活动和移动的方式。你不能随心所欲地对它们做不论什么事,就好像你不能对实际物体做不论什么事一样。

因此设计团队决定开发这个和纸墨有些类似的“材料”。这张纸墨形状扁平,略浮于背景表面。颜色偏白。它们拥有一致的阴影和一致的照明光线。当你移动这些“物质”时。它们不会消失,而仅仅是移动到了其它地方。在用户没有进行移动的情况下,它们不会自己挪动。

这个大胆的决定配上明亮的颜色和显眼的字体,你可以在Android L系统中看到这样的纸墨的首次实现:它拥有多种色彩和层次。可以来回互相滑动,可是它依旧能保持空间感和一致性。

威利和杰特科夫表示。这个新的审美理念更像是一个设计理念的发展。而非一次重大变革。谷歌在2012年和2013年就開始着手肯尼迪项目(Project Kennedy)用以统一公司的设计语言。

随着Material Design的公布,这一切继续向前推进。

“作为一个总体,它传达出了多色彩光的感觉。”杰特科夫表示,“它的图标看起来丰富多彩,同一时候界面又很简洁。

创造力和约束

“Material Design统一了人们的思想,这绝对是一个约束。可是这些约束让设计更加简单和连贯。”杰特科夫说道。比如。你也许想把卡片放过来看看背面的内容,可是这在Material Design里是行不通的。这些软件就像真实物品一样具备物理性质,手机里没有空间能够让它们翻转,因此我们就无法看到背面的内容。

杜阿特表示。我们可以理解实体的物品,可是软件经常打破我们的这样的认知模式。软件打破了怀疑理论,由于在一些电影中,一些事情的发生并没有遵循其原本的内部逻辑。

“设计是在约束中寻找解决方式,”杜阿特说,“假设没有约束,那也就谈不上设计了——那成了艺术。

谷歌的设计师依旧拒绝为这个材料命名。这给了他们很多其它的灵活性,也让它更具神奇主义的气息。

拒绝命名的一个重要原因是,尽管它遵循了一定的物理规则,可是它不属于拟物化风格。材料并不是是对纸张一对一的模仿,而是“魔法纸”。

它可以做到物理纸张无法做到的事情,如随着动画调整大小。谷歌表示,这些动画很重要。由于这可以帮助用户理解他们是在一个应用程序中。“许多软件感觉像是简化版的电影或电视。让你失去时间和空间的概念。

”威利表示。

对于用户来说,他们更希望看到应用变成“舞台剧”。“它们会从一个时刻跳转到下一个时刻,”他说,“场景在不断变化,舞台上的内容经过了编排和转换,这很有意义。

成为现实

更重要的是,这种材料能在你须要的时候出现。谷歌此前对Google Now这种产品已经研究多年,它背后的算法成为这个新设计理念的重要组成部分。相对于要求用户管理自己的数据,Material Design则是要求用户相信谷歌在正确的时间能给他们须要的内容。

这也是可穿戴系统Android Wear没有为用户提供回复消息之外的功能的原因,该平台设计师亚历克斯·法伯格(Alex Faaborg)表示:“你不会花费大量的时间与手表进行交互,你仅仅是想看一下通知再高速进行语音回复。

这与我们对Google Now的研发理念同样,只是如今针对是整个平台。

杜阿特表示:“我们想出了最简单的解决方法。

我们的设计实践之中的一个就是把简单可行放在用户设计的首位。”

Parc 3.0

谷歌开发Material Design的野心除了在于为软件和网页提供一致性的外观和感觉,还超越了Android L和Android Wear,该公司希望强化人们和计算机互动技术之间的关系。

杜阿特表示。“施乐帕克研究中心(Xerox Parc)”的可叠加操作窗体和鼠标就是这个领域的重要研究成果。可是它并不是是突破性研究成果,由于这是一个虚拟化的实体桌面,没有“具备对象关系”。苹果在这个领域也进行了研发,把人们带进了能够触摸和移动软件元素的世界。

谷歌相信它的新设计语言可以再次推动人们向前。这套语言中融入了包含触摸屏、手势、语音控制,甚至包含谷歌自己的智能算法等在内的技术。这些技术结合在一起。为大脑提供了一个软件运作模型,它具备跨设备的功能。让我们能直观地解决我们所遇到的事。

而Material Design正是这个软件运作模型的组织框架。只是它眼下还未成为施乐桌面和iPhone那样的明星产品。假设谷歌可以兑现承诺,把Material Design运用到包含Chrome OS、Android及网页等在内的全部平台,那么人们就行在这些平台之间无需调整地进行切换。

如今Material Design还只不过一个想法。在谷歌推出很多其它使用这套语言的软件之前,它将继续保持神奇。不过正如威利所言:“我们还处在起步阶段。

”谷歌将忙于为接下来的事做准备。

“假设我们能用未来的材料取代今天的材料进行设计。”杜阿特表示,“那么未来就是正确的。

參考:http://www.tmtpost.com/118534.html   http://www.ithome.com/html/android/92017.htm

版权声明:本文博客原创文章,博客,未经同意,不得转载。

Android Material Design带UI变化的更多相关文章

  1. Android Material Design 兼容库的使用

    Android Material Design 兼容库的使用 mecury 前言:近来学习了Android Material Design 兼容库,为了把这个弄懂,才有了这篇博客,这里先推荐两篇博客: ...

  2. MaterialEditText——Android Material Design EditText控件

    MaterialEditText是Android Material Design EditText控件.可以定制浮动标签.主要颜色.默认的错误颜色等. 随着 Material Design 的到来, ...

  3. Android Material Design控件学习(三)——使用TextInputLayout实现酷市场登录效果

    前言 前两次,我们学习了 Android Material Design控件学习(一)--TabLayout的用法 Android Material Design控件学习(二)--Navigation ...

  4. Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决

    Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决 附录1的Android Ripple Effect水 ...

  5. Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计

     Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计 Android Ripple Effect波纹荡漾效果,是Android Materia ...

  6. Android Material Design的FloatingActionButton,Snackbar和CoordinatorLayout

    如果是为了兼容低版本的Android系统,则需要引用Android Material Design的扩展支持库,我在之前的一篇文章张,较为详细的说明了如何导入Android Material Desi ...

  7. Android Material Design之Toolbar与Palette

    转:http://blog.csdn.net/jdsjlzx/article/details/41441083 前言 我们都知道Marterial Design是Google推出的全新UI设计规范,如 ...

  8. android Material Design详解

    原文地址:http://blog.csdn.net/jdsjlzx/article/details/41441083/ 前言 我们都知道Marterial Design是Google推出的全新UI设计 ...

  9. Android Material Design(一)史上最全的材料设计控件大全

    主要内容: 本文将要介绍Material design和Support library控件,主要包括TextInputLayout.SwitchCompat.SnackBar.FloatingActi ...

随机推荐

  1. iOS_38_手势

    Pan平移手势 终于效果图: Swipe轻扫手势 LongPress长按手势 Pinch和Rotation手势 捏合(缩放)和旋转 终于效果图: 涂鸦 终于效果图: 事件分3大类:触摸.加速计.远程遥 ...

  2. Gradle 载入中 Android 下一个.so档

    1.在project下新建 jni/libs  目录   . jni 是和原来的libs  同级 ,将全部的.so文件放入 新建的libs文件下 2.在build.gradle 文件里新增下面内容到a ...

  3. 数据库管理——安全管理——识别SQLServer中空密码或者弱密码的登录名

    原文:数据库管理--安全管理--识别SQLServer中空密码或者弱密码的登录名 原文译自: http://www.mssqltips.com/sqlservertip/2775/identify-b ...

  4. hdu 5106 Bits Problem(数位dp)

    题目链接:hdu 5106 Bits Problem 题目大意:给定n和r,要求算出[0,r)之间全部n-onebit数的和. 解题思路:数位dp,一个ct表示个数,dp表示和,然后就剩下普通的数位d ...

  5. Python 摘录LinkedIn用户联系人

    CODE: #!/usr/bin/python # -*- coding: utf-8 -*- ''' Created on 2014-8-18 @author: guaguastd @name: l ...

  6. HTTP 请求报文 响应报文(转)

    引言 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准.设计HTTP最初的目的是为了提供一种发 ...

  7. 熟人Dubbo 系列1-Dubbo什么

    Dubbo阿里巴巴内部SOA治理方案和服务的核心框架.每天2000+ 个服务提供3,000,000,000+ 次訪问量支持,并被广泛应用于阿里巴巴集团的各成员网站.Dubbo自2011年开源后,已被很 ...

  8. jQuery的使用及关于框架造型(转)

    Introduction 正如jQuery所宣称的一样,Write Less, Do More.很多时候我们喜欢用它来解决问题.但增加一个库必然意味着更大的网络负担,意味着更高的页面初始载入时间.并且 ...

  9. Android 学习历程摘要(一)

    初学Android,可能有些地方可能理解不正确,假设有朋友看到的话麻烦指正我一下,万分感谢. 1. 善用API DEMO,刚開始学习的人的需求基本在里面都能够满足,Eclipse导入API Demop ...

  10. discuz 7.2 faq.php sql注入了一些研究

    6.2号码(可能更早)上网本见exp,是一家discuz 7.2的sql注入漏洞 经过反复研究.最高在线人数exp它们存在于这些或那些问题,经过我自己的使用和变更摘要,使用的方法如以下: Discuz ...