谷歌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. shell编程三大神器之grep

  2. nodeJs基础

    Node.js 是一个基于Chrome JavaScript 执行时建立的一个平台, 用来方便地搭建高速的 易于扩展的网络应用· Node.js 借助事件驱动, 非堵塞I/O 模型变得轻量和高效, 很 ...

  3. C#中的动态特性

    众所周知,C#和Java一样,都是一门静态语言.在C# 4.0之前,想要和动态语言(诸如Python.Javascript等)进行方便地互操作是一件不太容易的事情.而C# 4.0为我们带来的dynam ...

  4. LINQ之路系列文章导读

    本系列文章将会分为3篇来进行阐述,如下: LINQ之路(1):LINQ基础 LINQ之路(2):LINQ to SQL本质 LINQ之路(3):LINQ扩展

  5. 有关Struts2a的ction直接使用response异步问题

    假设我们在项目中使用struts2,正在使用ajax而通信时后端程序.为简单起见,我们经常使用下面的方法:         ActionContext ac = ActionContext.getCo ...

  6. Ubuntu14.04设备JDK

    1.设备JDK 打开命令直插式工具.输入以下三个命令: sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo ap ...

  7. SenchaTouch2.3.1 正在使用listpaging以及pullrefresh插入 分页演示样品做

    实际上本实施例是相对简单的.自定义PullRefreshFn插头继承Ext.plugin.PullRefresh. 主要是其附加refreshFn下拉监控事件. listpaging么改动.再将这两个 ...

  8. GPU 编程入门到精通(五)之 GPU 程序优化进阶

    博主因为工作其中的须要,開始学习 GPU 上面的编程,主要涉及到的是基于 GPU 的深度学习方面的知识.鉴于之前没有接触过 GPU 编程.因此在这里特地学习一下 GPU 上面的编程. 有志同道合的小伙 ...

  9. 最具体的历史centos下一个 postfix + extmail + dovecot + maildrop 安装注意事项2014更新

    这篇文章原本是2008年发表的,近期几天照此笔记又安装了一遍系统.这里更新一下记录. 作者:wangdy 本文发表于  http://blog.csdn.net/aryang/article/deta ...

  10. WPF:警惕TextBox会占用过多内存

    原文:WPF:警惕TextBox会占用过多内存 问题源自这篇文章:WPF的TextBox产生内存泄露的情况. 整个问题是这样的,文章作者演示使用类似下方的代码来不停地像WPF的TextBox控件赋值: ...