Spacing

Many typographic decisions are based on spacing.  This is something that has always been true with printed type, and became applicable to web type with the advent of CSS. Regardless of whether we're talking about using type for print or for the web, there are two...

Less is more

The notion that simplicity and clarity lead to good design. Simplicity is better than elaborate embellishment. Sometimes something simple is better than something advanced or complicated. You can see the video easy to understand and read the text you can understand...

Numbers totaled

When ever calculate the total, the values based on the decimal positions. In this case we align decimal exact decimal positions. We need to align  the numbers by decimal point in a column to make the numbers more neatly and for easily understanding the values. Examples: Bill...

Names to the left

Why Names to the Left: We start off learning left to right reading from top down. It's a good practice to produce and design content based on the cultural and standard norms for your target demographic. Examples: Names align left in FB Login Page Names aligned...

Numbers always to the right

Why Numbers are always right? We usually seen many tables within a site that have a mixture of both numeric values of all types(currency, integers, etc) and columns that contain text. Regardless of the mix types of data in one table, the data type in the individual...

Minimalism

Definition:  Minimalism is reducing a design to only the essential elements. It is a design philosophy that is used everywhere including architecture, art, literature, music etc. It is about focusing on essentials by keeping the elements simple and clean. This...

Power of Hierarchy

Hierarchy: Arrangements of items according to their importance. They are represented as being above/below/at same level to one another. Categories of Hierarchies: Real Time Examples of Hierarchy: Hierarchy in Document Disk Hierarchy Hierarchy...

Power of Alignment

Alignment: Arrangement of two or more elements in a straight line/ parallely. All of the elements to be aligned in some way. Alignment can applied to text, numbers, images and design elements.               Types...

Power of Padding

Padding: Padding used to generate space around the content. Padding is used to specify the gap between the content of element and contents of  the element. Classification of Padding: 1.Padding-top:- Generate space in top portion. 2.Padding-bottom:- Generate...

Breathing Space

Definition: It is the space between the columns, lines of type, margins, graphics which provide visual breathing room for the eye. More the white space , more is the visual comfort user. White spaces are used as a background color of breathing space. White...