Inspiration Web Design

Symmetry in 33 Website Templates

4.5/5 (2)

Want to design a website that will convey a sense of elegant tranquility and familiarity? You should indulge in a fair play of balance and proportion, since symmetry is a key technique to use if you want a balanced looking page. Overall symmetrical balance occurs when a composition is evenly distributed around a central vertical or horizontal axis.

Being simpler than asymmetric forms, it can significantly enhance recognition of a website and is sure to recall its elegance. Basically, there are several types of symmetry, but the most basic are given further:

  • Reflection Symmetry - has its central axis vertically or horizontally and is composed by design elements being centered and evenly spaced across either vertical or horizontal plane. Also known as bilateral symmetry, this form of design is mirroring and reflecting an element around a central axis.
  • Rotational Symmetry - displays circular placement of object in a particular direction and at any angle or frequency. This symmetry type (also known as radial symmetry) involves a central point around which an object is rotated in equal degrees without any change.
  • Translational Symmetry - refers to relocating of an object in any direction or at any distance while maintaining its general or exact orientation. Basically, it is a repeating pattern of identical elements that are equally spaced out along a line.

All these symmetry types should be tried out in your designs. To offer you enough food for imagination, we bring forth the best of our designs to showcase interesting and compositionally balanced examples. The following website templates particularly exhibit order and limitation. Having different symmetrical types strategically used within their layouts, they give a stable, consistent look with organized and neat design concepts. Right after the jump you'll see how symmetry creates rhythm in designs and is used to show motion and dynamic action through a flat and static medium.

* * *

Reflection Symmetry

ColorMoto Flash CMS Template

symmetry web designs

* * *

Barry Johnson Photo Portfolio

symmetrical web designs

* * *

John Thomas WordPress Theme

symmetrical web template

* * *

Jacobo Photoportfolio Flash CMS Template

symmetry web designs

* * *

StarBiz WordPress Theme

symmetrical web design

* * *

Modern Xml Flash Site

symmetry web templates

* * *

Incredible Xml Flash Site

symmetrical web designs

* * *

Business Consulting Joomla 1.6 Template

symmetrical web template

* * *

Don Fletcher Facebook Flash Template

symmetry web designs

* * *

Click Wick WordPress Theme

symmetry web designs

* * *

Clooney Flash Site 8 Template

symmetrical web design

* * *

Clever Xml Flash Site

symmetry web templates

* * *

Luxus Flash Site 8 Template

symmetry website template

* * *

Marro Creative Web Solutions Flash Site 8 Template

symmetrical web designs

* * *

Coppolo Xml Flash Site

symmetrical website templates

* * *

Progress Flash Site 8 Template

symmetrical web designs

* * *

Perception Xml Flash Site

symmetry web designs

* * *

Uners Xml Flash Site

symmetrical web design

* * *

Rotational Symmetry

Target Flash Site 8 Template

symmetry website template

* * *

Tommy Brown Photo Tunnel

symmetrical web template

* * *

NB Joomla 1.6 Template

symmetrical website templates

* * *

Exterior Design Xml Flash Site

symmetry web templates

* * *

Webo WordPress Theme

symmetry website template

* * *

Rulex Flash Site 8 Template

symmetrical web design

* * *

Kidman Flash Site 8 Template

symmetrical web template

* * *

4U Connect Flash Site 8 Template

symmetrical web designs

* * *

Cleanex Flash CMS Template

symmetry website template

* * *

Shot Flash Site 8 Template

symmetrical web template

* * *

Translational Symmetry

Reliance Flash Site 8 Template

symmetry web templates

* * *

BSquared Design Xml Flash Site

symmetrical web designs

* * *

Lightex Xml Flash Site

symmetry website template

* * *

Brightex Dynamic SWiSH Site Template

symmetry web templates

* * *

Smart Group Xml Flash Site

symmetrical web designs

* * *