understand-website-design-elements

The Art of Web Design – How to Help Your Viewers Understand Your Message

Web Design is an art of its own. I’m always researching and learning more about actual design techniques. Looking at the artwork and “psychology” behind using it. Trying to understand how people think and react to design elements is important and can help your Internet presence be more successful.

Many site builders take the guesswork out of how to layout and build a website. They even provide graphics and colors, but the actual “science” or “art” of creating a website that draws users and helps your business grow may take a little training and thought. I found these basic principles that might be helpful.  There is a link to the full article at the bottom of this post.

 

Balance

Balance

LEFT: The Balance is shifted to the Left. RIGHT: The balance is even.

Repetition

Reptition

LEFT: The eye is lead quickly from one corner to the other. RIGHT: Though using the same shapes, more time is needed to absorb the new information within each one.

Contrast

contrast

The dark shapes contrast the light background. The round-edged circle contrasts the sharp-edged triangle. The small triangle contrasts the large circles. The two clear shapes contrast the blurred shape.

Dominance

dominance

LEFT: Dominance of shape avoids monotony. RIGHT: Dominance of size creates dynamism.

Hierarchy

heirarchy

LEFT: Hierarchy in order of size. RIGHT: Hierarchy from Darkest to lightest.

Hierarchy refers to the order in which elements are viewed or “order of importance”.

These principles can sometimes get a tad abstract on their own, so let’s take a look at a practical example:

Example

We can see that it has balance, for although the flower on the far left is larger than the other elements, the text in the middle is slanted in order to lend more weight to the right. This image has made use of repetition not only for the fact that there are two of the same images, but of the individual pyramid shapes within the images. Note that these pyramids are colored differently so as to avoid monotony.

The images and the text contrast from the lightly colored background, and therefore pop-out in the space. The flower on the left is larger and creates dynamic dominance over the smaller flower, and means that in order of hierarchy our eye is drawn from the larger flower on the left to the smaller flower on the right, stopping to view the headlining band at the top and in the largest font, down the supporting bands, and finally finishing on the details of the night.

I’m sure there are many more design principles! These are just a start in thinking like a designer.


You can view this article in more detail here:

https://designschool.canva.com/blog/five-principles-design-can/