When it comes to the concept of proportion, most people think of the idea of symmetry or simply put, balance. In design or even development, there has to be a sense of balance, a perfect blend of elements on a canvas. Now, when a website wants to build a relationship with their consumers the designer and/or developer have to make sure that it’s not only the kind of website that the viewers would like but also the kind that they’ll come back to.

Types of Symmetrical Designs:

Vertical Symmetry Horizontal Symmetry

Radial or Rational Symmetry Approximate Horizontal Symmetry

However, symmetry isn’t the only way to add balance to a website even asymmetry gives a sense of stability. How? It adds more character to a website, and a good mixture between the two will surely help you communicate to your viewers creatively.

Coop

ITM

CSS Piffle

Giving a twist to a design will add dimension and will also help your viewer’s eyes travel to where information is neatly organized on your webpage, which is pretty much the goal of asymmetry.

Asymmetrical designs are great for websites that have an edgy vibe but would like to lure consumers to their true motives and nature of their businesses.

Ride for the Brand

Granada Center

Take note, that symmetrical and asymmetrical designs are both elements of balance and knowing which of them is better to use depends on the identity, personality and objectives of every website.