Hierarchy

  • A hierarchy is a system or organization in which people or groups are ranked according to their importance levels or their status.
  • Most of the governments, corporations and organized religious are hierarchical.
   

Hierarchy in HTML:


Principles of Visual Hierarchy:

Visual Hierarchy:
  •  It influences the order in which the human eye perceives what it sees.
1. Go big:  People reads bigger things first.


2. Space and texture:   If there is substantial negative space left around a button, or the lines in a text block are widely tracked, these elements will be more readily visible to readers.


3. Typeface weight and pairing:  Readers eye mainly focus on the text weight and their parings.


4. Color and tint:  If important one be highlight with colors then easily identify the content.


Examples:



Advantages:
  • Clear identification.
  • Looks good.
My Notes Images: