Android5.0LMaterialDesign培训要点.pptVIP

萝卜交通科技 Material Design 培训 姜俊 2015年1月22日 什么是 Material Design Material Design于Google I/O 2014大会首次亮相，它重新统一了Google的设计语言，确立了未来Google的设计方向。 Material Design被翻译成“原质化设计”。 Material Design是一种考虑事物本质的设计，将电子屏幕里的UI元素看成是一种不存在于现实世界的新的材质，并赋予它物理特性。 目标 Google希望创造一种新的视觉设计语言，能够遵循优秀设计的经典定则，同时还伴有创新理念和新的科技。 创造一种独一无二的底层系统，在这个系统的基础之上，构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则，同时支持触摸、语音、鼠标、键盘等输入方式。 通过构建系统化的动态效过和合理化的空间利用，将这两个理念合二为一，构成了实体隐喻。 实体的表面和边缘提供了基于真实效果的视觉体验。 光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系，以及单个物体的运动。 设计原则一 实体感就是(通过设计方式来表达)隐喻 新的视觉语言，在基本元素的处理上，借鉴了传统的平面设计规范——排版、网格、空间、比例、配色、图像使用。 在这些设计基础上下功夫，不但可以愉悦用户，而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白，力求构建出鲜明、形象的用户界面，可以让用户沉浸其中。 Material Design设计语言强调根据用户行为凸显核心功能，进而为用户提供操作指引 设计原则二 鲜明、形象、深思熟虑 动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定，能够改变整体设计的触感。 动效应当在独立的场景呈现。通过动效，让物体的变化以更连续、更平滑的方式呈现给用户，让用户能够充分知晓所发生的变化。 动效应该是有意义的、合理的，动效的目的是为了吸引用户的注意力，以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。 设计原则三 有意义的动画效果 Material Design设计作品 流媒体应用 Netflix 新版本预测。By Matt McDowell Material Design设计作品 Material Design 参考动态预览。By Jelio Dimitrov Material Design设计作品 机票预订应用 Aviasales 新版概念。By Mark M Material Design设计作品 便签记事应用 Evernote 新版预览。By Jiangping Hsu Material Design设计作品 Material Design 统一化编排预览。By Min-Sang Choi Material Design设计作品 LMP 系统计算器界面。By Jovie Brent Material Design设计作品 LMP 系统闹钟界面。By Ehsan Rahimi Material Design设计作品 Material Design并不是一种去拟物的设计，也不是一种强调拟物的设计。我们知道电子屏幕是完全平面化的，不像现实当中的物体是3D的。一本书里每一页纸之间的空间关系是很清楚的，但电子屏幕的所以物体都在一个平面上。虽然电子屏幕没有空间感，但信息内容是有空间层级的关系。而Material Design的解决方式就是把现实世界中纸张的特性挪到电子屏幕里，把信息内容呈现在这个虚拟的纸上，纸（信息内容）跟纸之间有上下层级关系，用投影模拟纸张的空间感。Material Design的投影并不是过去我们常用的使用图片或者样式代码实现的投影，而是系统根据纸张层级所在位置实时渲染的，投影会随着纸张的空间关系而改变大小。 Google几年前推行的Card设计就是模拟纸张物理形态的一种设计方