introduction to graphic design - lecturer scott's blog · pdf fileintroduction to graphic...

Introduction to Graphic DesignMovement, Balance, Unity, Contrast,Emphasis, Line, and Colour

2© 2005 Macromedia, Inc.

Graphic Design Elements

Graphic design elements are thebuilding blocks of graphics. Line

Colour

Shape

Texture

3© 2005 Macromedia, Inc.

Lines

Lines can bestraight or curved.

How are lines usedin the compositionon this slide?

4© 2005 Macromedia, Inc.

Colour Definitions

Hue is another word for colour.

Chroma is the intensity or purity of colour.

Tint is a colour mixed with white.

Tone is a colour mixed with grey.

Shade is a colour mixed with black.

5© 2005 Macromedia, Inc.

Colour and Contrast

Using colour can enhanceor detract from acomposition.www.lighthouse.org/color_contrast.htm

Colour wheels helpdetermine which coloursare in greatest contrast.

6© 2005 Macromedia, Inc.

Colour Wheels

Analogous colours areadjacent to each otheron the colour wheel.

Complementary coloursare opposite each otheron the colour wheel.

7© 2005 Macromedia, Inc.

Colour in Design

Use colour to label or show hierarchy.

Use colour to represent or imitatereality.

Use colour to unify, separate, oremphasise.

Use colour to decorate.

Use colour consistently.

8© 2005 Macromedia, Inc.

Shapes

Shapes areenclosed objectsthat can be createdby line or created bycolour and valuechanges that definetheir edges.

9© 2005 Macromedia, Inc.

Texture

Texture is the surface look of an objectcreated by varying dark and light areas.

Roughness

Smoothness

Depth

10© 2005 Macromedia, Inc.

Graphic Design Principles

Graphic design principles are ways inwhich elements are used together. Movement

Balance

Emphasis

Unity

11© 2005 Macromedia, Inc.

Movement

Movement is the use of lines, colour, andrepetition to create the illusion of motion. Curved forms or lines

Repetition of geometric forms

Fuzzy lines or outlines

12© 2005 Macromedia, Inc.

Lines

Lines can indicatemotion or direction.

How are lines usedin the compositionon this slide?

13© 2005 Macromedia, Inc.

Balance

Balance is the act of comparing orestimating two things, one against theother, and the contrast between: Empty space (white space) and filled space

Text and images

Colour and no colours and different colours

Textures against flat colours

14© 2005 Macromedia, Inc.

Balance in Composition

There are three different types ofbalance when using colour, shape, andposition: Symmetry

Asymmetry

Radial symmetry

15© 2005 Macromedia, Inc.

Symmetrical or Formal Balance

You can usually identify at least one ofthree lines of symmetry. Horizontal

Vertical

Diagonal

16© 2005 Macromedia, Inc.

Symmetrical Balance

17© 2005 Macromedia, Inc.

Examples of Symmetrical Balance

18© 2005 Macromedia, Inc.

Examples of Asymmetrical Balance

19© 2005 Macromedia, Inc.

Examples of Radial Balance

20© 2005 Macromedia, Inc.

Unity

Unity: The correctbalance ofcomposition orcolour thatproduces aharmonious effect.

What is the focus ofthe message?

21© 2005 Macromedia, Inc.

Emphasis

Emphasis: Toexpress withparticular stress orforce.

What message isstressed here?

22© 2005 Macromedia, Inc.

Summary

The basis of good graphic design is useof design elements and their thoughtfulapplication in the form of designprinciples.

Clearly identify what you are trying toaccomplish — use design to conveyyour message.

Brainstorm alternatives.