写点什么

详解 Google 的新设计理念 Material Design

2014 年 7 月 14 日

在 Google I/O 大会上谷歌引入 Material Design 。Material Design 是一门跨设备的用户界面视觉设计语言,从可穿戴设备到智能手机、平板电脑、台式机和电视。Material Design 尝试为触屏设备提供更加流畅的移动体验,同时也会考虑基于鼠标和键盘的设备。

据谷歌介绍,Material Design 基于“真实的触感,灵感源自对纸和墨水的研究,” 能够让用户 “理解那些用于替代真实世界的可视线索,”“而又不违背力学原理。”另外,光线、表面和移动的基本原理是表现对象如何移动、交互和相互关联地存在于空间中的关键。逼真的光影效果可以显示区块间的接缝、划分空间、以及标识移动的部件。

Material Design 在动画、风格和布局方面提出了一系列的原则,并且为大量的视觉组件,包括按钮、卡片、网格和对话框等,以及相关的动作和手势提供了建议,另外还包含了一些与可访问性有关的指引。

在动画设计方面,谷歌新的设计语言建议遵循现实世界中物体移动的自然规律,并提出“Material Design 世界中的移动不仅要呈现着它美丽的一面,它还要能够表现出空间的关系和功能性,并且能够表明系统的意图”。组件要能够对用户的交互作出反应而又不分散用户的注意力。两个视觉效果之间的转换应该平滑轻快,最重要的是,让用户感觉清晰不困惑。一个好的转换设计要能够承担这一重任,让用户可以清晰地了解到他们应该将注意力集中在哪里。

关于风格,受当代建筑、道路标识、人行道标识带和运动场馆的启发,Material Design 建议使用“大胆的”色彩,强调阴影和高亮,一部分调色板如下所示:

在字体排版方面,新的设计采用经过优化的 Roboto 字体,与最初在 Android Ice Cream Sandwich 中引入的版本相比,它变得稍宽了一点,并进行了圆化处理。图标要做到尽量简洁。图片设计的原则是要让人感觉身临其境,能够感知上下文,并且是普适的。

在组件的视觉方面,设计指引提供了丰富的建议,下图展示了一系列卡片中的一张:

谷歌在 2014 年 Google I/O 大会上展示了新的设计,今年秋天发行的安卓下一版本的 UI 将会基于这一新的设计,其他的设备也会逐渐采用。

开发者如果有兴趣将应用的外观风格从 Holo 转化到 Material Design 可以从这个视频中了解更多信息。

查看英文原文: Google Introduces Material Design at Google I/O


感谢郭蕾对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ )或者腾讯微博( @InfoQ )关注我们,并与我们的编辑和其他读者朋友交流。

2014 年 7 月 14 日 07:556218
用户头像

发布了 75 篇内容, 共 58.0 次阅读, 收获喜欢 4 次。

关注

评论

发布
暂无评论
发现更多内容

腾讯T2手把手教你!字节跳动历年校招Android面试真题解析,含BATJM大厂

欢喜学安卓

android 程序员 面试 移动开发

IPFS挖矿矿机系统开发方案丨IPFS挖矿矿机源码案例

系统开发咨询1357O98O718

IPFS云算力挖矿系统开发 IPFS算力挖矿系统开发搭建

年末了,放个大招,力软.net/java新产品附赠服务器,不容错过

力软.net/java开发平台

Java .net 服务器

犯”集资诈骗罪“、二审判6年的CTO | 法庭上的CTO(21)

赵新龙

CTO 法庭上的CTO

架构师训练营第一周作业

Mark

NoahTenet诺亚信条软件系统APP开发

开發I852946OIIO

系统开发

小说内容理解

DataFunTalk

AI 推荐系统

Serverless 在 SaaS 领域的最佳实践

阿里巴巴中间件

阿里巴巴 中间件

时空大数据与智能技术的时代共舞,百度地图给2020的答案

脑极体

被砍伤的技术VP | 法庭上的CTO(24)

赵新龙

CTO 法庭上的CTO

侵犯著作权、判刑两年半的 CTO |法庭上的CTO(22)

赵新龙

CTO 法庭上的CTO

ArrayList源代码分析

肥鱼先生

10次面试,2份offer —— 大龄程序员 2020 求职记录

escray

面试经历 架构师训练营第 1 期 101次面试

总结2020:5个月出版两本书,日更公众号是一种怎样的体验?

冰河

程序员 程序人生 年终总结

IPFS挖矿系统开发详情案例

系统开发咨询1357O98O718

IPFS云算力挖矿系统开发 IPFS算力挖矿软件系统开发

SpringCloudGateway(一) 概览

Java SpringcloudGateway

C语言编程:入门指南(一周内学懂)

计算机与AI

c

百分点智能对话技术探索实践

DataFunTalk

AI

“让专业的人做专业的事”,畅捷通与阿里云的云原生故事

阿里巴巴中间件

云计算 云原生

阿里P8大牛亲自讲解!Android高级工程师面试实战,Android岗

欢喜学安卓

android 程序员 面试 移动开发

全面 Severless 化只需要 7天!看南瓜电影的云上升级

阿里巴巴中间件

阿里巴巴 中间件

盘点2020 | YourBatman 2020年感悟关键词:科比、裁员、管理层、活着

YourBatman

裁员 盘点2020 科比 管理层 活着

母鸡下蛋实例:多线程通信生产者和消费者wait/notify和condition/await/signal条件队列

叫练

多线程与高并发 Wait lock 线程互斥 await

互联网大厂有哪些分库分表的思路和技巧?

冰河

分布式数据库 分库分表 分布式存储 数据一致性 数据同步

生产环境全链路压测建设历程 23:FAQ 3、4 适配改造,目标压力

数列科技杨德华

全链路压测 七日更

开设赌场的CTO | 法庭上的CTO(23)

赵新龙

CTO 法庭上的CTO

散布消极言论被开除的总监 | 法庭上的CTO(25)

赵新龙

CTO 法庭上的CTO

鸟枪换炮,利用python3对球员做大数据降维(因子分析得分),为C罗找到合格僚机

刘悦的技术博客

Python 数据分析 特征选择 降维

阿里P8大牛亲自讲解!6年菜鸟开发面试字节跳动安卓研发岗,成功收获美团,小米安卓offer

欢喜学安卓

android 程序员 面试 移动开发

盘点2020 | 2021,Begin Again !

大导演

前端进阶训练营 盘点2020

图解HTTP权威指南(三)| Web服务器对HTTP请求的处理和响应

李先生

DevOps 运维 HTTP SRE

InfoQ 极客传媒开发者生态共创计划线上发布会

InfoQ 极客传媒开发者生态共创计划线上发布会

详解Google的新设计理念Material Design-InfoQ