Android Material Design带UI变化

谷歌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

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

时间: 2024-10-12 01:41:06

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

Android Material Design新UI控件使用大全 一

序言 自从谷歌在2014年的IO大会上推出了Material Design新的设计规范后,安卓应用的整体美观程度提升了很大的一个层次, 安卓再也不是又黑又丑的界面,取而代之的是拥有丰富的颜色,美观的按钮,好的用户体验;但是刚开始的话这种设计规范只能在Android 5.0以上的手机上运行,导致开发者也只是自己去体验,在国内并没有大范围的推广,App的质量并不能大幅度的提升,但是作为改变世界的Google公司不久就推出了兼容库Android Material Design,这绝对是业界良心了,我们

Android Material Design新UI控件使用大全 二

序言 上一篇中我们介绍了几个简单的新UI控件,相信很多小伙伴对Materil Design的视觉效果有了一定的了解,今天我们就继续介绍其他几个控件的玩儿法,让我们一探Materil Design的究竟,我们先来看一下我们今天要介绍的CoordinatorLayout,AppBarLayout,CollapsingToolbarLayout及TabLayout, ok,我们接下来就逐一对这些控件进行解析,揭开他们神秘的面纱,来为我们服务,Let's Go. TabLayout 我们先来看官方的介绍

Android Material Design新UI控件使用大全 三

序言 在我们对NavigationView侧滑,TextInputLayout输入框,Snackbar弹出提示框,FloatingActionBar圆形button,TabLayout顶部导航栏及CoordinatorLayout有了一定的了解后,我们最后将对AppBarLayout,CollapsingToolbarLayout进行最后的分析,我们先看两张效果图,(因为暂时没找到好的方法来录制gif,先借用网上的图) AppBarLayout AppBarLayout 是继承LinerLayo

Android Material Design带来的UI变革

谷歌Matias Duarte称,"Material Design是美丽和大胆的,因为干净的排版和布局简单且容易理解.内容才是焦点. 谷歌I/O 014开发者大会上宣布全新的设计语言"Material Design",适用于旗下所有平台,包括 Android.Chrome OS 和网页. 谷歌Matias Duarte称,"Material Design是美丽和大胆的,因为干净的排版和布局简单且容易理解.内容才是焦点." Material Design 初

Android Material Design 兼容库的使用

Android Material Design 兼容库的使用 mecury 前言:近来学习了Android Material Design 兼容库,为了把这个弄懂,才有了这篇博客,这里先推荐两篇博客:1.Android Material Design 兼容库的使用详解2.Android应用Design Support Library完全使用实例第一篇博客是这个兼容库的详细解析,我参考了里面的许多内容,第二篇是兼容库的大致介绍,如果你能把这两篇全部弄懂,我这篇也没有必要看了.说了这么多,开始正文吧

android Material design是什么

Material design概述: Material design是一套UI样式标准,应该会提供一些新的API这写API包含了以下五大模块内容,分别是: Material Theme New Widgets View Shadows Animations New Capabilities for Drawables 1.material新的主题样式. 主题的颜色.动画.反馈效果都可以自定义: 2.控件阴影. 在原来的X,Y的基础之上增加了Z轴的阴影控制,Z值大的控件将显示在上面. 3.Recy

Android Material Design学习之RecyclerView代替 ListView

前言 # Android Material Design越来越流行,以前很常用的 ListView 现在也用RecyclerView代替了,实现原理还是相似的.笔者实现一下 RecyclerView,代码比较简单,适合初学者,如有错误,欢迎指出. 源码地址(欢迎star) https://github.com/studychen/SeeNewsV2 本文链接 http://blog.csdn.net/never_cxb/article/details/50495505,转载请注明出处. 复习 L

MaterialEditText——Android Material Design EditText控件

MaterialEditText是Android Material Design EditText控件.可以定制浮动标签.主要颜色.默认的错误颜色等. 随着 Material Design 的到来, AppCompat v21 中也提供了 Material Design 的控件外观支持,其中包括 EditText .但 AppCompat 中的 EditText 实在有点难用,因为它是通过 colorAccent 来自动为控件着色的,并没有提供设置颜色的api,因此需要通过为控件定制theme的

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

?? Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计 Android Ripple Effect波纹荡漾效果,是Android Material Design视觉设计引入的一种交互设计效果简言之:当点击某个view时候,view会出现像水波波纹一样的荡漾传播效果.在最新版的Android如Android 5.0或以上版本中默认具有该效果,但在低版本Android中没有,如果需要向下兼容低版本设备,则需要自己写代码实现,实现步骤: 第1步: