Material design is a comprehensive guide for visual, motion, and interaction design across
platforms and devices. Android now includes support for material design apps. To use material design in your Android apps, follow the guidelines defined in the material design specification and use the new components and functionality available in Android 5.0 (API level 21) and above.
Android provides the following elements for you to build material design apps:
A new theme
New widgets for complex views
New APIs for custom shadows and animations
原味设计是适用于各大平台和设备间的视觉、手势交互和交互设计的指导。安卓系统现在已经支持符合原味设计的app.为了帮助你更好的使用原味设计于安卓app当中,下面的链接将会有清晰的指导和有效的帮助你使用安卓5.0(API level 21)及以上的各大组件。
安卓提供了一下的元素帮助你制作出原味风格设计的apps:
- 新的主题
- 新的复杂性的窗口组件
- 新的为交互和设计存在的API接口
Material Theme
原味风格设计的主题
The material theme provides a new style for your app, system widgets that let you set their color palette, and default animations for touch feedback and activity transitions.
原味设计的主题为app提供了新的风格、窗口组件模板,这个由你自由调色。还有在触摸反馈和活动过渡上提供了默认的交互效果。
For more information, see Using the Material Theme.
更多信息可见这个链接。
Lists and Cards
列表和卡片化
Android provides two new widgets for displaying cards and lists with material design styles and animations:
安卓提供了两种新的窗口部件用来展示符合原味风设计和交互的卡片以及列表。
The new RecyclerView
widget is a more pluggable version of ListView
that supports different layout types and provides performance improvements.
新的收件箱视图
窗口组件是一个更加分块化版本的列表视图,这种组件可以支持不同形式的布局,以及让展现性能得到改善。
The new CardView
widget lets you display important pieces of information inside cards that have a consistent look and feel.
新的卡片视图
这种组件能够让重要的信息集中在卡片当中以及在展现形式上有统一的形式和风格。
下面的翻译有机会再弄吧,想更专注在设计上,翻译错了。
For more information, see Creating Lists and Cards.
View Shadows
In addition to the X and Y properties, views in Android now have a Z property. This new property represents the elevation of a view, which determines:
The size of the shadow: views with higher Z values cast bigger shadows.
The drawing order: views with higher Z values appear on top of other views.
To replay the movie, click on the device screen
For more information, see Defining Shadows and Clipping Views.
Animations
The new animation APIs let you create custom animations for touch feedback in UI controls, changes in view state, and activity transitions.
These APIs let you:
Respond to touch events in your views withtouch feedback animations.
Hide and show views with circular revealanimations.
Switch between activities with custom activity transition animations.
Create more natural animations with curved motion.
Animate changes in one or more view properties with view state change animations.
Show animations in state list drawablesbetween view state changes.
Touch feedback animations are built into several standard views, such as buttons. The new APIs let you customize these animations and add them to your custom views.
For more information, see Defining Custom Animations.
Drawables
These new capabilities for drawables help you implement material design apps:
Vector drawables are scalable without losing definition and are perfect for single-color in-app icons.
Drawable tinting lets you define bitmaps as an alpha mask and tint them with a color at runtime.
Color extraction lets you automatically extract prominent colors from a bitmap image.
For more information, see Working with Drawables.