品玩

科技创新者的每日必读

打开APP
关闭
Google

不知道怎么利用Material Design设计语言开发应用?Google手把手教你

Google在Material Design设计规范中增加了两个大的分类:“What is Material?”和“What’s new”,并且在若干已有的分类中做了多达十几项的更新。像时间选择器组件、更加详细的导航抽屉设计指导、导航过渡效果、滑动技巧、刷新技巧、错误规范、图标设计指南等都包含在内。

CY Zhou

发布于 2014年11月4日

或许你已经被Google今天刚更新的Google Calendar惊艳到了。不过,除了发布Android Lollipop、连续更新一系列Material Design风格的应用,Google还对Material Design本身做了一次大更新

首先Google在Material Design设计规范中增加了两个大的分类:“What is Material?”和“What’s new”。

在“What is Material?”中,Google表示Material Design构建的是一个3D的环境,每个对象都有X、Y、Z三个纬度。在这三个纬度中,Z轴的高度是统一的,X、Y轴的尺寸设计师则可以根据需要自行安排。当然,由于整个环境是3D的,所以开发者应该以一个立体化的视角来审视里面的对象。比如来说,对象可以堆叠但不可以互相穿越、光影的正确分布等等。

不难看出,Google之所以设置“What is Material?”这个新分类,主要是想让新来的访客在进入实质化的内容之前更好的认识Material Design的世界。

“What’s new”分类顾名思义就是让你可以更方便的追踪Material Design的更新。在Android Design中,Google是在每个分类中直接做更新,这样很明显不利于人们持续发现新内容。“What’s new”则提供了一个全新的板块让人们直接获取这些内容。

除了增加了这两大分类,Google还在若干已有的分类中做了多达十几项的更新。像时间选择器组件、更加详细的导航抽屉设计指导、导航过渡效果、滑动技巧、刷新技巧、错误规范、图标设计指南等都包含在内。

由于Android Lollipop已经正式发布,所以这次更新还针对设计师群体放出了更多素材。无论是系统图标信息还是调色板和字体文件都得到了更新。

虽然Google这次做了很多更新,但总结来说的话,Material Design的主要特点就三个:有触感的表面、大胆的平面设计以及流动化的动作效果。第一点可以让设备对人体动作及时做出反馈;第二点可以让用户聚焦内容本身;第三点则可以让用户了解整个系统是如何运作的,进而让人们更好的使用电子产品。

除了Google旗下的应用之外,接下来像华尔街日版、Tumblr以及BuzzFeed很快都会升级到Material Design风格。虽然Google口头上表示这些设计规范并不是其他公司必须要遵守的规则,但鉴于Google希望这套语言能通吃所有的平台,它当然希望更多人能紧跟自己制造的潮流。

图片来自:Google

下载品玩App,比99.9%的人更先知道关于「Google」的新故事

下载品玩App

比99.9%的人更先知道关于「Google」的新故事

iOS版本 Android版本
立即下载
CY Zhou

PingWest

取消 发布
AI阅读助手
以下有两点提示,请您注意:
1. 请避免输入违反公序良俗、不安全或敏感的内容,模型可能无法回答不合适的问题。
2. 我们致力于提供高质量的大模型问答服务,但无法保证回答的准确性、时效性、全面性或适用性。在使用本服务时,您需要自行判断并承担风险;
感谢您的理解与配合
该功能目前正处于内测阶段,尚未对所有用户开放。如果您想快人一步体验产品的新功能,欢迎点击下面的按钮申请参与内测 申请内测