SlideShare a Scribd company logo
1 of 22
® 
INTRODUCTION TO GRAPHIC DESIGN 
MOVEMENT, BALANCE, UNITY, 
CONTRAST, EMPHASIS, LINE, AND 
COLOR 
Copyright 2008 Adobe Systems Incorporated. AAllll rriigghhttss rreesseerrvveedd.. 
1
® 
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. 
Use Kuler from Adobe Labs to try out new 
color schemes: 
http://kuler.adobe.com/
® 
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
® 
Examples of symmetrical balance 
Copyright 2008 Adobe Systems Incorporated. All rights reserved. 
17
® 
Examples of asymmetrical balance 
Copyright 2008 Adobe Systems Incorporated. All rights reserved. 
18
® 
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.

More Related Content

What's hot (12)

Color model in computer graphics
Color model in computer graphicsColor model in computer graphics
Color model in computer graphics
 
Computer graphices presentation
Computer graphices presentationComputer graphices presentation
Computer graphices presentation
 
RGB Color Model and Monitor Resolution
RGB Color Model and Monitor ResolutionRGB Color Model and Monitor Resolution
RGB Color Model and Monitor Resolution
 
Coloring
ColoringColoring
Coloring
 
Rgb and cmy color model
Rgb and cmy color modelRgb and cmy color model
Rgb and cmy color model
 
Color model
Color modelColor model
Color model
 
Learn Illustrator
Learn IllustratorLearn Illustrator
Learn Illustrator
 
Digital image
Digital imageDigital image
Digital image
 
HSL & HSV colour models
HSL & HSV colour modelsHSL & HSV colour models
HSL & HSV colour models
 
HSV color model
HSV color modelHSV color model
HSV color model
 
Rgb colour model
Rgb colour modelRgb colour model
Rgb colour model
 
Wong weisenbeck
Wong weisenbeckWong weisenbeck
Wong weisenbeck
 

Recently uploaded

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 

Recently uploaded (20)

Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 

Project 2.logos.presentation

  • 1. ® INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR Copyright 2008 Adobe Systems Incorporated. AAllll rriigghhttss rreesseerrvveedd.. 1
  • 2. ® 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
  • 3. ® 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?
  • 4. ® 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.
  • 5. ® 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. Use Kuler from Adobe Labs to try out new color schemes: http://kuler.adobe.com/
  • 6. ® 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.
  • 7. ® 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.
  • 8. ® 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.
  • 9. ® 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
  • 10. ® 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
  • 11. ® 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
  • 12. ® 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?
  • 13. ® 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
  • 14. ® 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
  • 15. ® 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
  • 16. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 16 Symmetrical balance
  • 17. ® Examples of symmetrical balance Copyright 2008 Adobe Systems Incorporated. All rights reserved. 17
  • 18. ® Examples of asymmetrical balance Copyright 2008 Adobe Systems Incorporated. All rights reserved. 18
  • 19. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 19 Examples of radial balance
  • 20. ® 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?
  • 21. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 21 Emphasis  Emphasis: To express with particular stress or force.  What message is stressed here?
  • 22. ® 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.

Editor's Notes

  1. Ask students if they can think of other types of balance: texture and no texture (smooth), size and scale, elements of a composition.
  2. The rectangle has three lines of symmetry: Horizontal (blue), Vertical (red), Diagonal (yellow). The triangle has only one line of symmetry: center or, in this orientation, Vertical. You can draw two other lines of symmetry from any of the vertices to the center of the opposite side.