Power of Padding

Padding
Generate space around the content is called padding.

Classification of Padding
1. Padding-top :- Generate space in top portion.
2. Padding bottom :-Generate space in bottom portion
3. Padding-left :-Generate space in left portion
4. Padding-right :-Generate space in right portion.

Example 1

Example 2

Example  3

In the keypad mobile phone having very small padding between the button and also buttons are very less hence consequences are frequently occurred.

Less Padding Keys

Example  4

1. Padding always depends on the size and design of the object.

2. Padding is directly proportional to the size of the object.

3. In below fig's, left end fig required some padding, because of small size. padding enough for right end fig, because size is big.

More Padding Require for Small Buttons and Padding Enough for Big Buttons

Example 5

1. Fig 1 keys design requires more padding.
2. Fig 2 keys design is good for less padding.

 fig 1. Require More Padding these Shape of  Keys

fig 2. Less padding enough for these shape of  keys

Example 6
In poor padding switches more chances to occurring the consequences

Good Padding Switches 

Poor Padding Switches  

Advantages

1. Padding is the one of principle of design that is used to create attractive and easier to readable pages.

2. Proper padding in design makes them visually good appearing and easier to understand.

Notes Photos