热门相关搜索

过滤器

谷歌的材质设计- Android设计语言

| 7分钟阅读

材料设计 量子纸(最初被称为并代号为“量子纸”)由谷歌开发,是用于Android设备的设计语言. 这个想法, 据谷歌设计副总裁马蒂亚斯·杜阿尔特说, 是提供一种模仿纸笔感觉的设计语言. 材料设计为用户提供了物理边缘和表面,接缝和阴影为数字设计的哪些部分可以触摸提供了背景.

Daniel Sacks, 《皇冠老牌网站》杂志的资深撰稿人, says; “Design is about 3 dimensions and the 5 senses.“材料设计确保了数字设计的三维性.


作者/版权所有人:graphberry. 版权条款和许可:CC BY-SA 3.0.

材料设计在不改变基础的前提下增加了设计的深度 功能 的设计.

皇冠老牌网站材料设计

2014年6月25日,谷歌在2014谷歌I/O大会上公布了《皇冠老牌网站》. 它适用于Android 2之后的所有版本.1,并与v7的appcomcat库和更高版本结合使用. 谷歌本身正在确保其所有产品提供一致的体验,而材料设计是这种体验的基本基础.

第三方开发人员可以使用免费的应用程序编程接口(api)将谷歌的材料设计功能合并到自己的工作中。. 对于不支持材质设计原生格式的浏览器,还有一个“聚合物”标签下的用户界面集合,可以模拟这些浏览器的材质设计.

材料设计有很多组件可以与Android应用程序集成,包括:

  • 材料主题 -这为Android应用程序提供了一种新的显示风格. 它有内置的系统小部件,允许开发人员快速和轻松地转换 颜色. 也有很多违约 动画 用于触摸反馈和其他活动样式转换.

  • 列表和卡支持 -有两个小部件支持材料设计的列表和卡片格式,包括所有的风格和动画. 列表小部件是RecyclerView,卡片小部件是CardView.

  • 材料设计也增加了一个改变的方式 阴影 显示,它们现在有(除了旧的x和y分量)一个z分量,显示视图的仰角和影响:

    • 高z值导致大阴影,低z值导致小阴影

    • 高z值还决定了该组件将出现在混合中的其他视图之上

  • 动画 通过api支持,允许开发人员在UI中为触摸反馈构建定制动画,以及视图状态和活动过渡的变化. 这些:

    • 允许应用程序通过显示触摸反馈动画来响应触摸事件

    • 允许您使用循环显示动画隐藏和显示视图

    • 允许使用曲线运动,使动画看起来更自然的用户

    • 允许您开发自定义活动转换动画

    • 允许您使用“视图状态更改”在一个或多个视图中进行动画更改

    • 在视图状态变化之间的状态列表绘图中显示完整的动画列表

    • 触摸反馈动画也提供了一些标准的视图(例如按钮),这些可以很容易地自定义,然后放置到您自己的自定义视图

  • 画板 也有改变,有三个主要的变化提供给开发人员:

    • 矢量图纸现在可以缩放,没有任何损失的定义,并建议为单一-color 应用程序图标

    • 可绘制色调可用于将位图图像定义为alpha蒙版,然后在运行时使用其他颜色进行着色

    • 颜色提取允许您快速自动地从现有位图图像中提取任何突出的颜色


作者/版权所有人:Chiswick Chap. 版权条款和许可:CC BY-SA 3.0

阴影改变了皇冠官网登录在屏幕上和现实生活中感知物体的方式.

当然,与之前的Android开发相比,这些是材料设计的主要变化 谷歌网站上提供了完整的变化和原则列表 它为新开发人员或回归开发人员提供了皇冠老牌网站材料设计最佳实践的详细指南.

还有一个JavaScript实现的材质设计,叫做 角材料 并基于谷歌的最佳实践和材料设计规范.

收获:

材质设计是Android平台的UI和皇冠老牌网站的关键方法. 由谷歌设计和开发,旨在促进一致 用户体验 在平台上让应用程序不促进用户的困惑. 的 设计原则 都是为了反映对高质量触摸体验的需求,并为UI提供“笔和纸”风格的感觉. 谷歌自己的产品将反映材料设计在他们的范围和他们的大部分产品(如Gmail, YouTube, 等.已经这样做了.


作者/版权所有人:未知. 版权条款和许可:未知.

Chrome还受益于材质设计. 所有谷歌产品现在开发与材料设计的思想.

在移动设计领域工作的设计师将不得不像开发人员一样熟悉材料设计.

参考文献

谷歌的完整素材 设计指导方针 可以找到 在这里.

材料的JavaScript实现可以在这里找到 在这里.

英雄形象:作者/版权所有人:Ancella Simoes. 版权条款和许可:CC BY 2.0

每周获取用户体验洞察

加入 312435位设计师 谁从皇冠官网登录的通讯中获得有用的用户体验技巧.
需要一个有效的电子邮件地址.