1a graphic design slideshow
-
Upload
shelly-frey -
Category
Education
-
view
1.235 -
download
0
Transcript of 1a graphic design slideshow
Elements of Graphic Design
Elements of Graphic Design
What is Graphic Design?
What is Graphic Design?
What is Graphic Design?The art or skill of combining text and pictures in advertisements, magazines, books, posters, or websites.
What is Graphic Design?The art or skill of combining text and pictures in advertisements, magazines, books, posters, or websites.
What is Graphic Design?The art or skill of combining text and pictures in advertisements, magazines, books, posters, or websites.
What is Graphic Design?The art or skill of combining text and pictures in advertisements, magazines, books, posters, or websites.
Principles of Design
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
We will also take a look at these important elements of design:
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
We will also take a look at these important elements of design:
1.Color
Principles of Design
These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design.
1.Contrast 2.Repetition 3.Alignment 4.Proximity
We will also take a look at these important elements of design:
1.Color 2.Typography
Contrast
Contrast
Contrast
Contrast is created when you place two different or opposite elements together. The more different, the better!
Contrast
Contrast is created when you place two different or opposite elements together. The more different, the better!
Contrast creates an exciting graphic element to your page. Contrast allows important things to pop out at the reader.
Contrast
Contrast is created when you place two different or opposite elements together. The more different, the better!
Contrast creates an exciting graphic element to your page. Contrast allows important things to pop out at the reader.
You can create contrast with font style, SIZE, or color
Repetition
Repetition
Repetition
To repeat or do again.
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
To repeat or do again.
This principle of design states that you should repeat some aspect of the design through out the entire project.
The use of Repetition makes the entire project look connected from page 1 to page 100.
You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
Repetition
Repetition
Repetition
Title Font Repeats
Repetition
Title Font Repeats
2nd Font Repeats
Repetition
Title Font Repeats
2nd Font Repeats
Repetition
Title Font Repeats
2nd Font Repeats
Repetition
Title Font Repeats
2nd Font Repeats
Repetition
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
Title Font Repeats
2nd Font Repeats
Stars Repeat
Repetition
Title Font Repeats
2nd Font Repeats
Stars Repeat
Alignment
Alignment
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order • organize things on the pages
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order • organize things on the pages • group items
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order • organize things on the pages • group items • create visual connections
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order • organize things on the pages • group items • create visual connections
Alignment
Alignment is the placement of text and graphics so they line up on the page.
Use alignment to:
• create order • organize things on the pages • group items • create visual connections
Good alignment is invisible. Most readers won't consciously notice that everything is lined up neatly but they will feel it when things are out of alignment.
JustifyCenter Aligned Right AlignedLeft Aligned
JustifyCenter Aligned Right AlignedLeft Aligned
JustifyCenter Aligned Right AlignedLeft Aligned
JustifyCenter Aligned Right AlignedLeft Aligned
JustifyCenter Aligned Right AlignedLeft Aligned
JustifyCenter Aligned Right AlignedLeft Aligned
Proximity/Closeness:
Proximity/Closeness:
Proximity/Closeness:Organizing your ideas
Proximity/Closeness:
Proximity: The state of being near.
Organizing your ideas
Proximity/Closeness:
Proximity: The state of being near.
In design, proximity (or closeness) creates a connection between ideas or elements on a page.
Organizing your ideas
Proximity/Closeness:
Proximity: The state of being near.
In design, proximity (or closeness) creates a connection between ideas or elements on a page.
Visually group related elements (text and/or images).
Organizing your ideas
Proximity/Closeness:
Proximity: The state of being near.
In design, proximity (or closeness) creates a connection between ideas or elements on a page.
Visually group related elements (text and/or images).
Items or groups of information that are not related to each other should not be in close proximity (nearness) to the other elements, which gives the reader an instant visual clue to the organization and content of the page.
Organizing your ideas
Organize your ideas
Color in Design
The Color Wheel
The Color Wheel
The Color Wheel
A color wheel is very useful when you need to make a good decision about choosing colors for a project.
Complementary Colors
Blue & Orange
Complementary Colors
Blue & Orange
Complementary Colors
Blue & Orange
Complementary Colors
Yellow & Purple
Blue & Orange
Complementary Colors
Yellow & Purple
Blue & Orange
Complementary Colors
Yellow & Purple
Red & Green
Blue & Orange
Complementary Colors
Yellow & Purple
Red & Green
Blue & Orange
Complementary ColorsDefinition: Colors that are opposites on the color wheel.
Yellow & Purple
Red & Green
Blue & Orange
Complementary ColorsDefinition: Colors that are opposites on the color wheel.
Complementary colors are often used together to create excitement using contrast.
Yellow & Purple
Red & Green
Blue & Orange
Complementary ColorsDefinition: Colors that are opposites on the color wheel.
Complementary colors are often used together to create excitement using contrast.
Each color in the pair makes the other seem more vibrant (to stand out).
Yellow & Purple
Red & Green
Analogous Colors
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors always work well
together.
Analogous Colors
Analogous colors are those which sit next to each other on the color wheel.
Analogous Colors always work well
together.
Typography / Fonts
Typography / Fonts
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Choose fonts that fit with your message or theme.
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Choose fonts that fit with your message or theme.
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Choose fonts that fit with your message or theme.
Be sure that the font is easy to read!
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Choose fonts that fit with your message or theme.
Be sure that the font is easy to read!
Make your titles and headings stand out.
Typography / Fontsty-po-graph-y: The selection and arrangement of fonts, sizes and spacing on a printed page.
Choose fonts that fit with your message or theme.
Be sure that the font is easy to read!
Make your titles and headings stand out.
The BIGGER and BOLDER the fonts size, the more important that piece of information is.
Bringing it all together...
Bringing it all together...
Bringing it all together...Where is an example of Proximity?
Bringing it all together...Where is an example of Proximity?
Where is an example of Repetition?
Bringing it all together...Where is an example of Proximity?
Where is an example of Alignment?
Where is an example of Repetition?
Bringing it all together...Where is an example of Proximity?
Where is an example of Alignment?
Where is an example of Repetition?
Where is an example of Contrast?
Bringing it all together...Where is an example of Proximity?
Where is an example of Alignment?
Where is an example of Repetition?
Where is an example of Contrast?
How many different fonts?
Font sizes?
Bringing it all together...Where is an example of Proximity?
Where is an example of Alignment?
Where is an example of Repetition?
Where is an example of Contrast?
Use of Analogous or
Complementary colors?
How many different fonts?
Font sizes?
Magazine Title
Magazine Title
Magazine Title
Cover Story Title
Magazine Title
Cover Story Title
Magazine Title
Cover Story Title
Cover Story
Picture
Magazine Title
Cover Story Title
Cover Story
Picture
Magazine Title
Cover Story Title
Other articles inside
Cover Story
Picture
Magazine Title
Cover Story Title
Other articles inside
Cover Story
Picture
Magazine Title
Cover Story Title
Other articles inside
Cover Story
Picture
Magazine Title
Cover Story Title
Other articles inside
Cover Story
Picture
Date and Price of
this issue
Magazine Title
Cover Story Title
Other articles inside
Cover Story
Picture
Date and Price of
this issue
Magazine Title
Cover Story Title
Other articles inside
Barcode
Cover Story
Picture
Date and Price of
this issue
Magazine Title
Cover Story Title
Other articles inside
Barcode
Cover Story
Picture
Date and Price of
this issue
Who is your audience?
Who is your audience?
Who is your audience?