码迷,mamicode.com
首页 > 其他好文 > 详细

一大波Material Design干货来袭

时间:2015-03-01 13:14:54      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:android   设计   material   

什么是Material Design

  • 据谷歌介绍,Material Design基于“真实的触感,灵感源自对纸和墨水的研究,” 能够让用户 “理解那些用于替代真实世界的可视线索,”“而又不违背力学原理。”另外,光线、表面和移动的基本原理是表现对象如何移动、交互和相互关联地存在于空间中的关键。逼真的光影效果可以显示区块间的接缝、划分空间、以及标识移动的部件。 Material Design在动画、风格和布局方面提出了一系列的原则,并且为大量的视觉组件,包括按钮、卡片、网格和对话框等,以及相关的动作和手势提供了建议,另外还包含了一些与可访问性有关的指引。
  • Material design其实是单纯一种设计语言,它包含了系统界面风格、交互、UI等的规范。 主要特性是系统界面风格“鲜明、形象、深思熟虑”, 在色彩的选择上Material design的原则是“大胆、图形化、有意义”, 响应式交互等
  • 对于安卓来说Material design的出现具有划时代的意义,同时它也向那些各种各样不同设计的应用程序和毫无美感可言的Launcher发出了一条信号:我们的设计不比苹果差多少,采用Material设计的APP将更具有美感。 当然要使得Material设计完全渗透到谷歌的生态系统中可能还需要很长的时间,不过既然谷歌敢跨出这一步,这就意味着谷歌开始对安卓这个开放系统进行约束,安卓碎片化现象将得以缓解,未来的安卓将是Material design的世界。

Material Design 规范

官方培训 Creating Apps with Material Design

  • http://developer.android.com/training/material/index.html
  • 简单罗列下培训内容
    • Using the Material Theme(The new material theme provides: 1.System widgets that let you set their color palette 2.Touch feedback animations for the system widgets 3.Activity transition animations)
    • Creating Lists and Cards(RecyclerView + CardView)
    • Defining Shadows and Clipping Views(1.Material design introduces elevation (3D里面的Z轴的概念)for UI elements. 2.The elevation of a view, represented by the Z property, determines the visual appearance of its shadow: views with higher Z values cast larger, softer shadows. 3.Elevation is also useful to create animations where widgets temporarily rise above the view plane when performing some action.)
    • Working with Drawables
    • Defining Custom Animations
    • Maintaining Compatibility
  • 中文翻译 http://blog.csdn.net/bbld_?viewmode=contents

开源资源

扩展阅读

原文连接

一大波Material Design干货来袭

标签:android   设计   material   

原文地址:http://blog.csdn.net/cheyiliu/article/details/44002093

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!