SlideShare une entreprise Scribd logo
1  sur  22
®
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.
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
®
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.

Contenu connexe

Tendances

Tendances (12)

Color Models Computer Graphics
Color Models Computer GraphicsColor Models Computer Graphics
Color Models Computer Graphics
 
Learn Illustrator
Learn IllustratorLearn Illustrator
Learn Illustrator
 
Rgb and cmy color model
Rgb and cmy color modelRgb and cmy color model
Rgb and cmy color model
 
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
 
Digital image
Digital imageDigital image
Digital image
 
Coloring
ColoringColoring
Coloring
 
Color model in computer graphics
Color model in computer graphicsColor model in computer graphics
Color model in computer graphics
 
ANDROID DESIGN GUIDELINES
ANDROID DESIGN GUIDELINES ANDROID DESIGN GUIDELINES
ANDROID DESIGN GUIDELINES
 
Color model
Color modelColor model
Color model
 
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
 

Dernier

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxIgnatiusAbrahamBalin
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 

Dernier (20)

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptx
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 

Elements graphic design

  • 1. ® 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
  • 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. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 17 Examples of symmetrical balance
  • 18. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 18 Examples of asymmetrical balance
  • 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.

Notes de l'éditeur

  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.