谷歌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. 【嵌入式开发】写入开发板Linux系统-模型S3C6410

    笔者 : 万境绝尘 转载请著名出处 最终拿到板子了, 嵌入式开发正式开启. 板子型号 : 三星 S3C6410 基于ARM11, 指令集基于arm6指令集; 为毛不是 Cortext A9的板子; 烧 ...

  2. java IdentityHashMap 与HashMap

    这两个map的主要区别在于,比较key值什么时候: IdentityHashMap我觉得当k1 == k2 时刻key值一样的 HaspMap觉得k1 == null ? k2 == null:k1. ...

  3. Java 内部类分析

    一.简介 因为现在是Android开发实习生.发现在发展过程中越来越多,但他们知道什么时候该使用真实的情况,但没有获得,例如,使用内部类,因此,学习和自己的总结后发现,通过互联网的信息,家分享,如有不 ...

  4. 思维导图(自己整理,希望对大家有用):JavaScript函数+canvas绘图+Array数组

    1.javascript函数: 2.Array数组: 3.canvas绘图:

  5. RH253读书笔记(1)-Lab 1 System Monitoring

    Lab 1 System Monitoring Goal: To build skills to better assess system resources, performance and sec ...

  6. html标和下标应用

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  7. wxWidgets+wxSmith版电子词典

    课程首页在:http://blog.csdn.net/sxhelijian/article/details/11890759,内有完整教学方案及资源链接 [项目3-OOP版电子词典](本程序须要的相关 ...

  8. C和指针 (pointers on C)——第十章:结构和联合(下一个)锻炼

    //1.本章只为了刷存在演习.. . typedef struct phone { char * quhao; char * jiaohuantai; char * zhanhaoma; }; typ ...

  9. MEF初体验之三:Exports声明

    组合部件通过[ExportAttribute]声明exports.在MEF中,有这么几种成员可声明exports的方式:组合部件(类).字段.属性和方法.我们来看下ExportAttribute类的声 ...

  10. registerForRemoteNotificationTypes: is not supported in iOS 8.0 and

    注册模式: if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0) { [[UIApplication sharedA ...