Graphic Design Fundamentals

14,628 views 22 slides Oct 07, 2010
Slide 1
Slide 1 of 22
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22

About This Presentation

DME - 1 Quiz on these facts


Slide Content

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. Copyright 2008 Adobe Systems Incorporated. All rights reserved.
®
1

INTRODUCTION TO

GRAPHIC DESIGN
MOVEMENT, BALANCE, UNITY,
CONTRAST, EMPHASIS, LINE, AND
COLOR

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
2
Graphic design elements
Graphic design elements are the building blocks of graphics.
Line
Color
Shape
Texture

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
3
Lines
Lines can be straight or curved.
How are lines used in the
composition on this slide?

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
4
Color definitions
Hue is another word for color.
Chroma is the intensity or purity of color.
Tint is a color mixed with white.
Tone is a color mixed with gray.
Shade is a color mixed with black.

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
5
Color and contrast
Using color can enhance or detract from a
composition.
www.lighthouse.org/color_contrast.htm
Color wheels help determine which colors
are in greatest contrast.

U s e Ku le r fro m Ad o b e La b s

to try o u t

n e w c o lo r
:
s c h e m e s
:// . . /
h ttp k u le r a d o b e c o m

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
6
Color wheels
Analogous colors are adjacent to each
other on the color wheel.
Complementary colors are opposite each
other on the color wheel.

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
7
Color in design
Use color to label or show hierarchy.
Use color to represent or imitate reality.
Use color to unify, separate, or emphasize.
Use color to decorate.
Use color consistently.

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
8
Shapes
Shapes are enclosed objects that
can be created by line or created
by color and value changes that
define their edges.

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
9
Texture
Texture is the surface look of an object created by varying dark and light areas.
Roughness
Smoothness
Depth

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
10
Graphic design principles
Graphic design principles are ways in which elements are used
together.
Movement
Balance
Emphasis
Unity

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
11
Movement
Movement is the use of lines, color, and repetition to create the illusion
of motion.
Curved forms or lines
Repetition of geometric forms
Fuzzy lines or outlines

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
12
Lines
Lines can indicate motion or
direction.
How are lines used in the
composition on this slide?

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
13
Balance
Balance is the act of comparing or estimating two things, one against
the other, and the contrast between:
Empty space (white space) and filled space
Text and images
Color and no colors and different colors
Textures against flat colors

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
14
Balance in composition
There are three different types of balance when using color, shape, and
position:
Symmetry
Asymmetry
Radial symmetry

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
15
Symmetrical or formal balance
You can usually identify at least one of three lines of symmetry.
Horizontal
Vertical
Diagonal

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
16
Symmetrical balance

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
17
Examples of symmetrical balance

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
18
Examples of asymmetrical balance

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
19
Examples of radial balance

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
20
Unity
Unity: The correct balance of
composition or color that produces
a harmonious effect.
What is the focus of the message?

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
21
Emphasis
Emphasis: To express with
particular stress or force.
What message is stressed here?

®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.
22
Summary
The basis of good graphic design is use of design elements and their
thoughtful application in the form of design principles.
Clearly identify what you are trying to accomplish — use design to
convey your message.
Brainstorm alternatives.