2. Basic Principles of Graphics and Layout
✩Creating a web page is like creating a work of art. There are certain things that you
need to consider in order to get your message across.
3. ✩ is a short term for information graphic, which refers to an image that combines
information, storytelling, and perceptions that help the cause of an individual or an
institution to communicate a message to viewers.
Infographic
4. ✩ are graphic visual representations of information, data or knowledge intended to
present information quickly and clearly. They can improve cognition by utilizing
graphics to enhance the human visual system's ability to see patterns and trends.
Infographics
9. ✩ -The principle of repetition simply means the reusing of the same or similar
elements throughout your design. Repetition of certain design elements in a slide or
among a deck of slides will bring a clear sense of unity, consistency, and
cohesiveness. Where contrast is about showing differences, repetition is about subtly
using elements to make sure the design is viewed as being part of a larger whole.
✩ Line has been used to add repetition in this example. It is then repeated across all
the design pieces to tie them together.
4. Repetition
10. ✩ -The simple concept behind contrast is to ensure that every element within a design
does not look the same. In essence you should have a number of elements that look
vastly different to the others within a design.
5. Contrast
11. ✩ Just as a deck of cards has a hierarchy from the Ace down to the Joker, so should
every design. A designer’s job is to communicate a message in a clear and concise manner.
Creating an order of importance amongst the elements will go a long way in achieving
this. Therefore, it is essential that time is taken to ensure a clear hierarchy is
developed.
✩ A good hierarchy is clearly evident in this recipe spread. A large photo of the dish is
used as the focal point and the secondary message is the second largest shape on the
page which is the recipe name. Colour and size has then been used to organize the
remaining content in a clear, concise and well-structured manner.
✩ Emphasis - An area in the design that may appear different in size, texture, shape or
color to attract the viewer's attention.
6. Hierarchy and Emphasis
12. ✩ Visual elements guide the viewer's eyes around the screen.
7. Movement.
13. ✩ is achieved when visual elements create a sense of organized movement.
8. Rhythm
14. ✩ Visual elements create a sense of unity where they relate well with one another.
9. Proportion.
15. ✩ This uses several design elements to draw viewer's attention.
10. Variety.