Web Design|nǫiƨɘᗡ dɘW

When we talk about symmetry, another word that comes to mind is balance. And when we talk about balance, it is about various elements properly arranged together and contribute to a bigger,harmonious picture wherein no individual element is dominant over the others.

Design, when it comes to art, is a very broad area. And we cannot really say that when a form of art appeals to an individual, everyone will also like it. “Beauty is in the eye of the beholder” is what they usually say. Still, symmetry is widely regarded as something beautiful because maybe it appeals to our instincts that everything should be in the right order and it annoys most of us when something is off, out of place or simply just asymmetric.

One useful application of symmetry that I could think of and is also at least related to a career path is web development which also involves web design. Using symmetry for user interface provides stability between the elements and components of design. Overall, it enhances the user experience as it makes it easy for the viewers to understand what’s going on and to follow along. The visitors will be able to focus more on what your website brings with added comfort. There should at least be one instance where we visited a website and closed it immediately because of how non uniform it was in presenting its contents. And that is an example of a website that does not bring comfort.

There are many examples of symmetric design in web development. Here are some examples:

  • Reflection Symmetry (Horizontal and Vertical) – It is when there is a mirror reflection of an element, either when you draw an imaginary line from top to bottom or right to left. A more “relax” type of horizontal symmetry is approximate horizontal symmetry which is when “items do not have to half perfectly”.
  • Color Symmetry – Apart from shapes, colors can also be symmetric. This means that somewhere in the color wheel, every color has its opposite wherein if paired together, they create a balance and harmony considering symmetric design. (Just like how we have someone that is destined for us except only when you vow not to be in a relationship.)

In conclusion, however, symmetric design does not always fit a certain concept or theme for web design. They say that it is hard to emphasize a single element when everything is symmetric. In fact, most of the websites we use such as social media sites are not symmetric, they are asymmetric. Principles and guidelines in symmetric web design are just there to help designers create a layout that is balance between aesthetically-pleasing and easy to the eyes. In the end, if you’re designing something that you own, what matters is whatever floats your boat.


“What Is Symmetry In Web Design And How It Can Be Achieved?” : https://tympanus.net/codrops/2012/09/04/perfectly-paired-using-symmetry-in-web-design/

“Perfectly Paired: Using Symmetry in Web Design”: http://www.devtechnosys.com/2015/03/what-is-symmetry-in-web-design-and-how-it-can-be-achieved/