Free video series "Principles of design: Symmetry and asymmetry"

Dear visitor: Please keep in mind that this post is originally from Vibor Cipan's personal blog, the name of which we eventually adopted as our company name together with its conveniently-named URL. We're keeping the posts on our official company blog for all the subscribers to Vibor's blog who have read and commented on his previous posts. Please be aware that this post represents Vibor's personal thinking few years ago and doesn't necessarily represent the opinions of the UX Passion as a company today. 

Symmetry and asymmetry can be explored through balance design principle (symmetrical and asymmetrical balance). This new video from Principles of design (for developers) series will explain you what is symmetry and asymmetry, how to achieve it and create it in Expression Design. Have fun watching this video!

Symmetry and asymmetry – intro

According to DES1012 blog (offers really nice overview of basic design principles) – we can explore 2 types of balance – symmetrical and asymmetrical.

Symmetrical Balance is the simplest type of balance, both to create and to recognize. In symmetrical balance, similar shapes are repeated in the same position on either side of the vertical axis. One side becomes the mirror image of the other side.

Conscious symmetrical repetition, while clearly creating perfect balance and unity, can be undeniably static, therefore the term formal balance is also used for this type of visual organization.

The quiet, formal quality of symmetry creates a feeling of permanence, strength and stability. Such qualities can be important in public buildings to suggest the ideas of dignity, power or endurance.

In symmetrical compositions there is an immediate creation and emphasis of a focal point. As both sides are visually equal, the attention is directed to the element that is placed on the central axis

On the other side – Asymmetrical Balance is achieved with dissimilar objects that have equal visual weight or spatial force (equal eye attraction). Symmetry can appear artificial, as our visual experience in life are rarely symmetrically arranged. Asymmetry appears casual and less planned, although obviously this characteristic is misleading.

It is actually more intricate and complicated to use asymmetrical than symmetrical balance. Instead of merely repeating the mirror image of elements on other side of the central axis, attempting to balance dissimilar items involves more complex considerations and more subtle factors.

Anyhow, take a look at this new video from Arturo Toledo explaining symmetry and asymmetry within Microsoft Expression Design tool.

Design principles: Symmetry and asymmetry

More information and alternatives

If you want Windows Media Video (WMV) file of this lesson – you can get it from here (take into account that it is about 36Mb ) and in case you want to play with assets that have been used in this video you can get all required assets here.

All videos that are part of this “Principles of design” series will be published under UX concepts category on blog.


  1. Pingback: Vibor Cipan

  2. Pingback: Vibor Cipan

  3. Pingback: Vibor Cipan