Composition

Rule of Thirds- This refers to a 3 by 3 grid that fits on top of any image. The grid works horizontially or vertically and helps you determine how the eye follows an image or group of images (such as a website). There type of websites this may be found on is ones using photography, because it can separate photos.

Screen Shot 2017-05-11 at 15.04.12

White space- White space is purely the the blank/ empty space between elements. Its the space we leave that makes the style look very tidy/ clean and elegant. Even though it’s called white space, the space doesn’t have to be white. An example of great usage of whitespace that we are all familiar with is Google. Their homepage is filled with whitespace so we can focus on what is important: search.

Screen Shot 2017-05-11 at 15.18.42

Emphasis eg. large/small-  Emphasis is used on websites to show what words are more important and less important. For example, things that would be in a large font would be: discounts, logos. slogans, titles. All these things will be emphasised because they are important and the web designers want to catch the viewers attention.

Screen Shot 2017-05-11 at 15.24.24

Alignment-

The root word for alignment is line- to line up. Alignment as an effective web design principle allows us to make conscious decisions about how and where elements are placed on the page. Below is a web example of alignment, not only does it offer a description for the website right where user eyes fall first, but the gallery moves around when the user scrolls with the mouse. Websites that are fully aligned are ones that a very clear, and in proportion, if it is not aligned then the website will look very unorganised.

Screen Shot 2017-05-11 at 15.28.11

Leave a comment