Google设计师谈论Material Design

本文转载自爱范儿

扁平化设计是一个过度滥用的词汇,但是,它的风行反映了设计界的一种趋势,人们正在快速抛弃拟物化设计。有种观点是,在触控界面发展初期的时候,人们需要熟悉感,而模仿现实的界面能够做到这一点。当人们已经习惯了触控界面之后,就不需要现实世界的隐喻了。因此,在软件设计上,我们应该追求更加电子化的界面,不再被物理世界的规则所限制。

在这种情况下,Google的Material Design似乎是逆势而行。它以现实世界的纸墨为隐喻,强调了阴影和层次,用动画效果代表现实的力反馈,试图把物理世界的规则带回电子界面。Material Design的想法从何而来,意义是什么?针对这些问题,TheVerge网站采访了Google的几位设计师。

Material Design的灵感来自一次设计探索。Google搜索主设计师Jon Wiley与同事Nicholas Jitkoff看着Google产品中无所不在的卡片时,想到了这样一个问题:如果你把一张卡片划走,下面是什么东西?从这个想法出发,设计团队思考了软件的组成要素。他们开始把卡片和背景看做是真实存在的、可以接触的物品。

如果这些卡片是真实的物品,那么,应该有一些规则,用来限制它们在屏幕上的表现。于是,团队创造了一种隐喻式的材料,类似于魔法纸张。它是扁平的,浮动在背景上面,并且是有阴影的。当你移动它们的时候,它们会被划走而不是凭空消失。它们不会自己移动。

除此之外,他们还决定使用大胆、明亮的颜色和大字体。这就是Material Design的起源。不过,Wiley和Jitoff说,这种新美感也是Google设计理念的进化。在此之前,Google已经有过在公司统一设计的“肯尼迪项目”,Material Design是进一步的发展。“整体来说,平台给人一种多彩的感觉,”Jitoff说,“它是多彩的,正如logo是多彩的,它是简单的,正如主页是简单的。”

在公司设计副总裁Matias Duarte看来,Material Design使公司的想法统一了起来,但同时,它也是一种限制。限制使得设计决策更容易,更一致。例如,在Material Design的规定下,卡片是不能翻过来的。这就好像说,软件是真正的物品,而手机中没有翻转卡片的空间。“设计就是在限制内找到方案,”Duarte说,“如果没有限制,那不是设计——是艺术。”

Google的设计师们拒绝给这种虚拟材料命名。它虽然遵循一些物理规则,但是并非完全模仿现实纸张。它能够展示动画效果,帮助用户理解自己在应用中的位置。“许多软件给人的感觉是电影或电视中的跳跃剪辑,”Wiley说。这会使人们失去时间和空间感。

在应用上,你需要一种接近于舞台剧的东西。他说,“这是场景转变,舞台上发生的事情是经过编排的,有过渡的,而且是有意义的。”

Material Design的野心,不仅仅是统一Google的产品,或者给Android一个新面貌。从深层次来说,它是对人机交互方式的一种思考。XeroxParc给了我们一个模型,让我们理解计算机是如何工作的,苹果把我们从键鼠时代带到触控时代。Google相信,它的软件设计模型能够让我们再次前进。通过Material Design,我们能够形成一种认知模型,快速适应日益增多的新设备。

Google设计师谈论Material Design,布布扣,bubuko.com

时间: 2024-12-21 19:16:53

Google设计师谈论Material Design的相关文章

谷歌设计师的MATERIAL DESIGN实践心得

前不久,我们发布了Google I/O 2014 APP,源代码已经发布,诸位感兴趣的话,可以去Github看看我们是怎样在这个App中实现Material Design的功能和设计细节.在这篇文章中,我将分享一些我们对于Material Design的一些设计性思考. 每年Google I/O完了后,我们都会更新Google I/O相关的APP,我们做这个APP 有2个目的.第一,让那些在家看直播.甚至没有机会到现场的人更身临其境的了解Google I/O大会.第二,我们用Material D

Google 开源了 Material Design 图标,免费下载

Material Design Icons 是 Google Material Design 规范的官方开源图标集,将近 800 个图标.图标分类涵盖:动作.告警.音频视频.通信.内容.设备.编辑器.文件.硬件.图像.地图.导航.通知.社交等等. 图标格式: SVG 格式,24 像素和 48 像素. SVG 和 CSS sprites 适用于 Web 的 1x, 2x PNG 格式图标 icon 适用于 iOS 的 1x, 2x, 3x PNG 格式图标 所有图标的 Hi-dpi 版本 (hdp

MATERIAL DESIGN学习笔记

一.核心思想 ,aterial design的核心思想,就是把物理世界的体验带进屏幕.去掉现实中的杂质和随机性,保留其最原始纯净的形态.空间关系.变化与过渡,配合虚拟世界的灵活特性,还原最贴近真实的体验,达到简洁与直观的效果. Material design是最重视跨平台体验的一套设计语言.由于规范严格细致,保证它在各个平台使用体验高度一致.不过目前还只有Google自家的服务这么做,毕竟其他平台有自己的规范与风格. 二.材质与空间 材质 Material design中,最重要的信息载体就是魔

Android群英传笔记——第十二章:Android5.X 新特性详解,Material Design UI的新体验

Android群英传笔记--第十二章:Android5.X 新特性详解,Material Design UI的新体验 第十一章为什么不写,因为我很早之前就已经写过了,有需要的可以去看 Android高效率编码-第三方SDK详解系列(二)--Bmob后端云开发,实现登录注册,更改资料,修改密码,邮箱验证,上传,下载,推送消息,缩略图加载等功能 这一章很多,但是很有趣,也是这书的最后一章知识点了,我现在还在考虑要不要写这个拼图和2048的案例,在此之前,我们先来玩玩Android5.X的新特性吧!

Android 滑动导航菜单的快速构建(二) Material Design

原创文章,转载请注明 ( 来自:http://blog.csdn.net/leejizhou/article/details/52046748 李济洲的博客 ) 上一篇 http://blog.csdn.net/leejizhou/article/details/52013343 介绍了几个滑动导航菜单效果的快速构建,这篇文章来总结"当下"如何按照Android的设计标准去设计滑动导航菜单,我为什么说的"当下"呢?因为这个设计标准是会变的. 在material de

开发Google Material Design风格的WPF程序

今天在网上看到了一个Material Design风格的WPF皮肤,看上去还是挺不错的 这个项目是开源的,感兴趣的朋友可以下载试下: https://github.com/ButchersBoy/MaterialDesignInXamlToolkit. 另外,该作者还实现了一个WinForm版本的:https://github.com/IgnaceMaes/MaterialSkin,不过貌似没有WPF版实现的好

符合Material Design的抽屉导航效果

符合Material Design的抽屉导航效果 原文链接 : Navigation Drawer styling according to Material Design 译者 : wly2014 校对者: chaossss 状态 : 校对完成 前言: 现在看来,抽屉式导航已经成为主流导航模式之一.尽管广受批评,但我还是很喜欢该样式,因此我决定在我写的几个app上添加这个控件.这篇文章想通过介绍我觉得抽屉式导航有趣的地方,帮助阅读本文的 Android 开发者们学习到一些知识,同时从其他人的评

【Material Design视觉设计语言】应用样式设计

作者:郭孝星 微博:郭孝星的新浪微博 邮箱:[email protected] 博客:http://blog.csdn.net/allenwells Github:https://github.com/AllenWells [Material Design视觉设计语言]章节列表 [Material Design视觉设计语言]开篇 [Material Design视觉设计语言]Material Design设计概述 [Material Design视觉设计语言]应用布局设计 [Material D

Android Material Design带来的UI变革

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