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
版权声明:本文博客原创文章,博客,未经同意,不得转载。
Android Material Design带UI变化的更多相关文章
- Android Material Design 兼容库的使用
Android Material Design 兼容库的使用 mecury 前言:近来学习了Android Material Design 兼容库,为了把这个弄懂,才有了这篇博客,这里先推荐两篇博客: ...
- MaterialEditText——Android Material Design EditText控件
MaterialEditText是Android Material Design EditText控件.可以定制浮动标签.主要颜色.默认的错误颜色等. 随着 Material Design 的到来, ...
- Android Material Design控件学习(三)——使用TextInputLayout实现酷市场登录效果
前言 前两次,我们学习了 Android Material Design控件学习(一)--TabLayout的用法 Android Material Design控件学习(二)--Navigation ...
- Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决
Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决 附录1的Android Ripple Effect水 ...
- Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计
Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计 Android Ripple Effect波纹荡漾效果,是Android Materia ...
- Android Material Design的FloatingActionButton,Snackbar和CoordinatorLayout
如果是为了兼容低版本的Android系统,则需要引用Android Material Design的扩展支持库,我在之前的一篇文章张,较为详细的说明了如何导入Android Material Desi ...
- Android Material Design之Toolbar与Palette
转:http://blog.csdn.net/jdsjlzx/article/details/41441083 前言 我们都知道Marterial Design是Google推出的全新UI设计规范,如 ...
- android Material Design详解
原文地址:http://blog.csdn.net/jdsjlzx/article/details/41441083/ 前言 我们都知道Marterial Design是Google推出的全新UI设计 ...
- Android Material Design(一)史上最全的材料设计控件大全
主要内容: 本文将要介绍Material design和Support library控件,主要包括TextInputLayout.SwitchCompat.SnackBar.FloatingActi ...
随机推荐
- POJ 3280 Cheapest Palindrome (DP)
Description Keeping track of all the cows can be a tricky task so Farmer John has installed a sys ...
- Android开发自学笔记(基于Android Studio1.3.1)—1.环境搭建(转)
一.引言 本套学习笔记的开发环境是Windows 10 专业版和Android Studio 的最新版1.3.1. Android Studio 是一个Android开发环境,基于Intelli ...
- IQ调制、整形滤波器与星座映射
http://www.cnblogs.com/touchblue/archive/2013/01/15/2861952.html 现代通信中.IQ调制基本上属于是标准配置,由于利用IQ调制能够做出全部 ...
- 【BZOJ3627】【JLOI2014】路径规划 分层图
意甲冠军:要查找.有门户网站:http://www.lydsy.com/JudgeOnline/problem.php? id=3627 注意:点的等待时长示意图为: 非常清晰了吧?没事,不清晰就不清 ...
- VisualC++2012 Compiler Warning C4566
现象: 今天敲代码突然遇到这样一个警告: warning C4566: ユニバーサル文字名 '\u0642' によって表示されている文字は.現在のコード ページ (932) で表示できません 意思是说 ...
- Scala刮:使用Intellij IDEA写hello world
介绍 在前面的文章中,,我们介绍了如何使用Scala IDE那是,eclipse集成Scala开发插件Scala开发语言程序.使用一段时间后,.发现eclipse正确Scala支持不是很好.用户体验差 ...
- JSCover+WebDriver/Selenium获得JS
代码覆盖
我们看JSCover(http://tntim96.github.io/JSCover/manual/manual.xml)介绍及使用说明的时候,往往被图形界面所吸引.这样的方式比較适合手工操作,点击 ...
- 正则表达式 \b (转)
引用网上一段话: \b 是正则表达式规定的一个特殊代码(好吧,某些人叫它元字符,metacharacter),代表着单词的开头或结尾,也就是单词的分界处.虽然通常英文的单词是由空格,标点符号或者换行来 ...
- 二叉搜索树(Binary Search Tree)--C语言描述(转)
图解二叉搜索树概念 二叉树呢,其实就是链表的一个二维形式,而二叉搜索树,就是一种特殊的二叉树,这种二叉树有个特点:对任意节点而言,左孩子(当然了,存在的话)的值总是小于本身,而右孩子(存在的话)的值总 ...
- sql 子查询stuff功能(同一个人的多任务,多领域成为字符串)
USE [erp2015] GO /****** Object: StoredProcedure [dbo].[GetUser] Script Date: 03/14/2015 13:27:04 ** ...