设计规范Materialdesign[李若鹏].pptVIP

设计规范 李若鹏 2015.10.26 Material Disign Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 目录 1 简 介 2 GUI 设计规范 3 总 结 简单介绍Material Design。 实例说明Materialdesign设计规范。 总结与展望。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1 来 源 谷歌推出的全新的设计语言，应用于手机、平板电脑、台式机和“其他平台”。 2 特 点 颜色鲜艳，动画突出，干净，简约，外观更一致且更广泛 什么是 Material design Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1 把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过渡，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。 核 心 思 想 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 元 素 魔 法 纸 片 纸片层叠、合并、分离、分裂、伸缩，拥有现实中的厚度、惯性和反馈，同时拥有液体的一些特性，能够自由伸展变形。 1 2 但是纸片不能穿透、弯折、透视。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 空 间 三 维 元素的厚度为1dp(设备独立像素) 1 2 元素之间相互层叠 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 动 画 动 画 动画不只是装饰，它有含义，能表达元素、界面之间的关系，具备功能上的作用。 1 2 运动和变化都是有加速和减速过程的，要先考虑它在现实世界中的运动规律。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 所有可点击的元素，都应该有这样的反馈效果。 动 画 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 动 画 多个相似元素，动画的设计要有先后次序 通过过渡动画，表达界面之间的空间与层级关系 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 选取一种主色、一种辅助色（非必需），在此基础上进行透明度、饱和度变化。 颜 色 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 黑色：[87% 普通文字] [54% 减淡文字] [26% 禁用状态/提示文字] [12% 分隔线] 白色：[100% 普通文字] [70% 减淡文字] [30% 禁用状态/提示文字] [12% 分隔线] 颜 色 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2