Layout

  Principles

  Material design is guided by print-based design

  elements—such as typography, grids, space, scale, color,

  and imagery—to create hierarchy,meaning, and focus that

  immerse the user in the experience. Material design adopts

  tools from the field of print design, like baseline grids and

  structural templates, encouraging consistency across

  environments by repeating visual elements, structural grids,

  and spacing across platforms and screen sizes. These layouts

  scale to fit any screen size, which simplifies the process of 

  creating scalable apps.

 How paper works

  In material design, the physical properties of paper are translated to the screen. The

  background of an  application resembles the flat, opaque texture of a sheet of paper.

  An application’s behavior mimics the paper’s ability to be re-sized, shuffled, and bound

  together in multiple  sheets. Elements that live outside of applications, such as status

  or system bars, receive a different treatment. They are separate from the app content

  beneath them, and do not carry the physical properties of paper.

  Seams

  Two sheets of paper that share an entire common edge      are called seams. While joined by a seam, they move    together.

 

   A button clearly communicates what action will occur

  when the user  touches it. It consists of text, an image,

  or both, designed in accordance with your app's color theme.

  Usage

   There are three standard types of buttons:

• Floating action button: A circular material button that lifts and displays an ink reaction
• Raised button: A typically rectangular material button that lifts and displays ink reactions
• Flat button: A button made of ink that displays ink reactions on press but does not lift.

  Choosing Button Style.....

   Choosing a button style depends on the primacy of the button, the number of 

   containers on screen, and the  screen layout.

   Function: Is it important and ubiquitous enough to be a floating action button?

   Dimension: Choose raised or flat depending on the container it will be in and

   how many z-space  layers you  have on screen. There should not be many

   layers of objects on the screen.

   Layout: Use primarily one type of button per container. Only mix button types

   when you have  a good reason to such as emphasizing an important function.

   

Buttons in dialogs

Use flat buttons on dialogs to prevent too many layers of dimension.

• Text content: 16dp padding from dialog edge
• Dialog button container: 48dp tall, 16dp below text content, 8dp from dialog bottom edge
• Dialog buttons: 36dp tall, vertically aligned in middle of button container, 16dp from container right edge (for LTR scripts)

  to be continued............
  I hope that It will be Helpful