SlideShare a Scribd company logo
1 of 34
INTRODUCTION TO
GRAPHIC DESIGN:
ELEMENTS & PRINCIPLES OF DESIGN
9th- 12th grade | Graphic Design I
INSTRUCTOR: Ms. ANA
UNIT
1
California Content Standards
for Media Arts
◦ Refine and Complete Artistic Work​ | Prof.MA:Cr3
a. Implement production processes, making artistically deliberate choices in content, technique, and style in
media arts productions, demonstrating understanding of associated aesthetic principles, such as emphasis and
tone.
​Perceive and Analyze Artistic Work |Prof.MA:Re7
a. Analyze and describe the qualities of and relationships between the components, content, and intentions of
various media artworks.
b. Analyze how a variety of media artworks manage audience experience and create intention through
multimodal perception.
Interpret Intent and Meaning in Artistic Work | Prof.MA:Re8A
Analyze the intent, meanings, and reception of a variety of media artworks, focusing on personal and cultural
contexts.
Apply Criteria to Evaluate Artistic Work | Prof.MA:Re9
Evaluate media artworks and production processes at decisive stages, using identified criteria, and considering
context and artistic goals.
Goal and Objectives
- Students will understand the concept of graphic design
- Students will be learn the fundamental ideas about the practice of design.
- Students will review the elements and principles of graphic design as well as ideas that make a
design distinctive.
- Students will apply their understanding of the topics presented through the creation of a brief
and creative design project.
WARM UP:
GUESS THE LOGO
Why is a logo important to a brand?
Question
◦ They act as the identifying mark of a company
◦ Separates you from competition
◦ It what makes a business unique are recognizable
◦ Grabs attention
◦ Fosters brand loyalty
Logos are important because…
What is Graphic Design?
◦ A form of visual communication
◦ The practice of composing and arranging the visual elements of a project
◦ Examples:
◦ A company logo
◦ Layout of a magazine
◦ Making a poster, flyer, or brochure
◦ Adding text to an image for a social media post
◦ Color coding a work calendar
The single most important factor that differentiates graphic design from fine art
is the intent of communication
What is the main purpose of
Graphic Design?
◦ Convey or enhance a message.
◦ Can elicit an emotional response from viewer
◦ Motivate a viewer to take action
Question:
Where would we be without
graphic design?
Where would we be without
graphic design?
Types of Graphic Design
◦ Identity Design
◦ Digital Design
◦ Print Design
◦ Animation Design
◦ Package Design
◦ Identity Design / logos
◦ Illustration Design
This Photo by Unknown Author is licensed under CC BY-SA
Examples of Graphic Design
Web Design Typography
This Photo by Unknown Author is licensed under CC BY-SA
This Photo by Unknown Author is licensed under CC BY-SA
Examples of Graphic Design
User Interface Branding
This Photo by Unknown Author is licensed under CC BY-NC This Photo by Unknown Author is licensed under CC BY-SA-NC
Examples of Graphic Design
Packaging Design Publication Design
This Photo by Unknown Author is licensed under CC BY-SA-NC This Photo by Unknown Author is licensed under CC BY-SA-NC
Designers achieve their goals by
combining the elements and principles
of graphic design.
Principles & Elements of Design
Making good visual compositions begins with using these aspects and ideas in design.
A design is an intentional organization of one or more components and concepts (such as line color or texture).
These principles are used in all visual design fields:
- graphic design
- industrial design
- architecture
- fine art
Elements
Things that you use when making
art/designing compositions
Line
Shape
Color
Texture
Value
Size
Space
Principles
Rules to follow to create a good composition
Balance
Unity & Harmony
Repetition
Movement
Emphasis
Scale & Proportion
Rhythm & Pattern
Elements & Principles of Design
Element: Line
Line is a mark between two points.
Varies in form
- Straight
- Curved
- Zig Zag
Line weight can very to show contrast.
Element: Shape
Shapes are areas, or figures contained by a closed outline.
There are two types of shapes:
Geometric Organic
Created by a set of points that
connect by either straight or
curved lines and are usually
abstract and simplistic
EXAMPLES: Triangle, squares,
circles, rectangles, spheres,
pentagons, cubes
They are far less uniform,
proportional and well-defined.
They can be asymmetrical or
symmetrical. They include natural
shapes.
EXAMPLES: leaves, crystals, vines,
or abstract shapes such as blobs
and squiggles
Element: Texture
Texture is the feel of a surface– furry, smooth, rough,
soft, gooey or glossy.
Graphic artist visually convey texture by using illusion to suggest how their
work might feel if viewers could touch it.
Mastering texture is an important part of making designs look polished and
professional
Element: Color
Color is used to generate emotions, create visual interest
and create emphasis.
Consist of 3 properties:
Hue Saturation (Intensity) Value
The name given to a color,
such as red, yellow, blue,
purple, green, orange, etc..
The purity or dullness of a
color. A color’s purity is
determined by whether it has
been mixed with another hue
and, if so, to what extent.
The lightness or darkness of a
color. Adding white or black to
a hue changes its value. A
“tint” is created when white is
added, while a “shade” is
made when black is added.
Element: Value
a
Value is how dark or light an element looks
From dark to white
Use value to create depth, establish a pattern and to lead the eye and emphasize an element
Element: Size
Size refers to the dimensions of an element
Scale can be used to try to create an emphasis on an element
Element: Space
Space is the area around or between elements in design
Related elements can be placed together to show unity.
Unrelated elements can be placed apart to emphasize those surrounded by more
negative space.
Positive space: space occupied by visual elements that a designer wants their
audience to focus on
Negative space: everything else; including the background
Recap:
◦ What message do vertical lines send to a viewer? What message do
diagonal lines send?
◦ What emotion does the texture give you? -Do you want to go in and
touch this artwork?
Principle: Balance
Balance is the distribution of the visual weight of objects, colors, texture, and
space. If the design was a scale, these elements should be balanced to make a
design feel stable.
Principle: Unity
Unity in design occurs when the elements in space work together in such a
way that the resulting look is balanced and harmonious
Principle: Repetition
Repetition means reusing elements: colors, patterns, fonts, images,
textures and more throughout a piece of work. Another way of thinking
about repetition is consistency.
Principle: Movement
Movement is the principle of design used to give artists the ability to
lead a viewer's eyes around an art piece. **Often focal points
Can be directed by the use of:
- Lines
- Shapes
- Color
Principle: Emphasis
Emphasis is the part of the design that catches the viewer's attention.
An artist can do this by:
- Contrasting an area with another area
- Area can be different in
- Size
- Color
- Texture
- shape
Principle: Scale & Proportion
Scale refers to the size of an object (a whole) in relationship to another object (another
whole).
Proportion refers to the relative size of parts of a whole (elements within an object).
Principle: Rhythm & Pattern
Also referred to repetition, the principle of rhythm indicates movement,
while the placement of repeated elements in a composition result in a
pattern
Visual rhythm results in a sense of unity, as well create eye movement
Recap:
◦ What type of balance is shown?
◦ What elements and principles of design are used in this image?
Exercise
Rule of design worksheet
Please complete this worksheet on
the rules of design.
It will help you review what you just
learned.

More Related Content

Similar to Introduction to Graphic Design- Elements and Principles of Art

Visual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxVisual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxMatthewGonzalez48
 
Kriti Tolani ,Fashion Design ,Dezyne E'cole College
 Kriti Tolani ,Fashion Design ,Dezyne E'cole College Kriti Tolani ,Fashion Design ,Dezyne E'cole College
Kriti Tolani ,Fashion Design ,Dezyne E'cole Collegedezyneecole
 
Element of design
Element of designElement of design
Element of designRahul Gupta
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesHelpful Insight
 
Design Overview
Design OverviewDesign Overview
Design OverviewSam Georgi
 
elements of design.pdf
elements of design.pdfelements of design.pdf
elements of design.pdfAnuhyaMandava2
 
Visual art grade 10. Elementsofart and Prinicples of design
Visual art grade 10. Elementsofart and Prinicples of designVisual art grade 10. Elementsofart and Prinicples of design
Visual art grade 10. Elementsofart and Prinicples of designKristie Beukes
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptxRhoan4
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principlesMaged A. Morsy
 
Week 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignWeek 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignAdam Crump
 
Elements and principles in graphics design
Elements and principles in graphics design Elements and principles in graphics design
Elements and principles in graphics design grimsbyboy
 
Design Art And it’s Principals art students .pptx
Design Art And it’s Principals art students .pptxDesign Art And it’s Principals art students .pptx
Design Art And it’s Principals art students .pptxTheRealHeroes
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignRavi Bhadauria
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Belatrix Software
 

Similar to Introduction to Graphic Design- Elements and Principles of Art (20)

Visual design
Visual designVisual design
Visual design
 
Visual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxVisual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptx
 
Visual Arts Web Lec.pptx
Visual Arts Web Lec.pptxVisual Arts Web Lec.pptx
Visual Arts Web Lec.pptx
 
Hsiajvndjsj
HsiajvndjsjHsiajvndjsj
Hsiajvndjsj
 
Kriti Tolani ,Fashion Design ,Dezyne E'cole College
 Kriti Tolani ,Fashion Design ,Dezyne E'cole College Kriti Tolani ,Fashion Design ,Dezyne E'cole College
Kriti Tolani ,Fashion Design ,Dezyne E'cole College
 
Element of design
Element of designElement of design
Element of design
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design Services
 
Design Overview
Design OverviewDesign Overview
Design Overview
 
Colour combination.pptx
Colour  combination.pptxColour  combination.pptx
Colour combination.pptx
 
elements of design.pdf
elements of design.pdfelements of design.pdf
elements of design.pdf
 
Visual art grade 10. Elementsofart and Prinicples of design
Visual art grade 10. Elementsofart and Prinicples of designVisual art grade 10. Elementsofart and Prinicples of design
Visual art grade 10. Elementsofart and Prinicples of design
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Elements of design
Elements of designElements of design
Elements of design
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principles
 
Week 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignWeek 1 Elements and Principels of Design
Week 1 Elements and Principels of Design
 
Elements and principles in graphics design
Elements and principles in graphics design Elements and principles in graphics design
Elements and principles in graphics design
 
Design Art And it’s Principals art students .pptx
Design Art And it’s Principals art students .pptxDesign Art And it’s Principals art students .pptx
Design Art And it’s Principals art students .pptx
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)
 

Recently uploaded

Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationNeilDeclaro1
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsSandeep D Chaudhary
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptxJoelynRubio1
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfPondicherry University
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 

Recently uploaded (20)

Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 

Introduction to Graphic Design- Elements and Principles of Art

  • 1. INTRODUCTION TO GRAPHIC DESIGN: ELEMENTS & PRINCIPLES OF DESIGN 9th- 12th grade | Graphic Design I INSTRUCTOR: Ms. ANA UNIT 1
  • 2. California Content Standards for Media Arts ◦ Refine and Complete Artistic Work​ | Prof.MA:Cr3 a. Implement production processes, making artistically deliberate choices in content, technique, and style in media arts productions, demonstrating understanding of associated aesthetic principles, such as emphasis and tone. ​Perceive and Analyze Artistic Work |Prof.MA:Re7 a. Analyze and describe the qualities of and relationships between the components, content, and intentions of various media artworks. b. Analyze how a variety of media artworks manage audience experience and create intention through multimodal perception. Interpret Intent and Meaning in Artistic Work | Prof.MA:Re8A Analyze the intent, meanings, and reception of a variety of media artworks, focusing on personal and cultural contexts. Apply Criteria to Evaluate Artistic Work | Prof.MA:Re9 Evaluate media artworks and production processes at decisive stages, using identified criteria, and considering context and artistic goals.
  • 3. Goal and Objectives - Students will understand the concept of graphic design - Students will be learn the fundamental ideas about the practice of design. - Students will review the elements and principles of graphic design as well as ideas that make a design distinctive. - Students will apply their understanding of the topics presented through the creation of a brief and creative design project.
  • 5. Why is a logo important to a brand? Question
  • 6. ◦ They act as the identifying mark of a company ◦ Separates you from competition ◦ It what makes a business unique are recognizable ◦ Grabs attention ◦ Fosters brand loyalty Logos are important because…
  • 7. What is Graphic Design? ◦ A form of visual communication ◦ The practice of composing and arranging the visual elements of a project ◦ Examples: ◦ A company logo ◦ Layout of a magazine ◦ Making a poster, flyer, or brochure ◦ Adding text to an image for a social media post ◦ Color coding a work calendar The single most important factor that differentiates graphic design from fine art is the intent of communication
  • 8. What is the main purpose of Graphic Design? ◦ Convey or enhance a message. ◦ Can elicit an emotional response from viewer ◦ Motivate a viewer to take action
  • 9. Question: Where would we be without graphic design?
  • 10. Where would we be without graphic design?
  • 11. Types of Graphic Design ◦ Identity Design ◦ Digital Design ◦ Print Design ◦ Animation Design ◦ Package Design ◦ Identity Design / logos ◦ Illustration Design This Photo by Unknown Author is licensed under CC BY-SA
  • 12. Examples of Graphic Design Web Design Typography This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY-SA
  • 13. Examples of Graphic Design User Interface Branding This Photo by Unknown Author is licensed under CC BY-NC This Photo by Unknown Author is licensed under CC BY-SA-NC
  • 14. Examples of Graphic Design Packaging Design Publication Design This Photo by Unknown Author is licensed under CC BY-SA-NC This Photo by Unknown Author is licensed under CC BY-SA-NC
  • 15. Designers achieve their goals by combining the elements and principles of graphic design.
  • 16. Principles & Elements of Design Making good visual compositions begins with using these aspects and ideas in design. A design is an intentional organization of one or more components and concepts (such as line color or texture). These principles are used in all visual design fields: - graphic design - industrial design - architecture - fine art
  • 17. Elements Things that you use when making art/designing compositions Line Shape Color Texture Value Size Space Principles Rules to follow to create a good composition Balance Unity & Harmony Repetition Movement Emphasis Scale & Proportion Rhythm & Pattern Elements & Principles of Design
  • 18. Element: Line Line is a mark between two points. Varies in form - Straight - Curved - Zig Zag Line weight can very to show contrast.
  • 19. Element: Shape Shapes are areas, or figures contained by a closed outline. There are two types of shapes: Geometric Organic Created by a set of points that connect by either straight or curved lines and are usually abstract and simplistic EXAMPLES: Triangle, squares, circles, rectangles, spheres, pentagons, cubes They are far less uniform, proportional and well-defined. They can be asymmetrical or symmetrical. They include natural shapes. EXAMPLES: leaves, crystals, vines, or abstract shapes such as blobs and squiggles
  • 20. Element: Texture Texture is the feel of a surface– furry, smooth, rough, soft, gooey or glossy. Graphic artist visually convey texture by using illusion to suggest how their work might feel if viewers could touch it. Mastering texture is an important part of making designs look polished and professional
  • 21. Element: Color Color is used to generate emotions, create visual interest and create emphasis. Consist of 3 properties: Hue Saturation (Intensity) Value The name given to a color, such as red, yellow, blue, purple, green, orange, etc.. The purity or dullness of a color. A color’s purity is determined by whether it has been mixed with another hue and, if so, to what extent. The lightness or darkness of a color. Adding white or black to a hue changes its value. A “tint” is created when white is added, while a “shade” is made when black is added.
  • 22. Element: Value a Value is how dark or light an element looks From dark to white Use value to create depth, establish a pattern and to lead the eye and emphasize an element
  • 23. Element: Size Size refers to the dimensions of an element Scale can be used to try to create an emphasis on an element
  • 24. Element: Space Space is the area around or between elements in design Related elements can be placed together to show unity. Unrelated elements can be placed apart to emphasize those surrounded by more negative space. Positive space: space occupied by visual elements that a designer wants their audience to focus on Negative space: everything else; including the background
  • 25. Recap: ◦ What message do vertical lines send to a viewer? What message do diagonal lines send? ◦ What emotion does the texture give you? -Do you want to go in and touch this artwork?
  • 26. Principle: Balance Balance is the distribution of the visual weight of objects, colors, texture, and space. If the design was a scale, these elements should be balanced to make a design feel stable.
  • 27. Principle: Unity Unity in design occurs when the elements in space work together in such a way that the resulting look is balanced and harmonious
  • 28. Principle: Repetition Repetition means reusing elements: colors, patterns, fonts, images, textures and more throughout a piece of work. Another way of thinking about repetition is consistency.
  • 29. Principle: Movement Movement is the principle of design used to give artists the ability to lead a viewer's eyes around an art piece. **Often focal points Can be directed by the use of: - Lines - Shapes - Color
  • 30. Principle: Emphasis Emphasis is the part of the design that catches the viewer's attention. An artist can do this by: - Contrasting an area with another area - Area can be different in - Size - Color - Texture - shape
  • 31. Principle: Scale & Proportion Scale refers to the size of an object (a whole) in relationship to another object (another whole). Proportion refers to the relative size of parts of a whole (elements within an object).
  • 32. Principle: Rhythm & Pattern Also referred to repetition, the principle of rhythm indicates movement, while the placement of repeated elements in a composition result in a pattern Visual rhythm results in a sense of unity, as well create eye movement
  • 33. Recap: ◦ What type of balance is shown? ◦ What elements and principles of design are used in this image?
  • 34. Exercise Rule of design worksheet Please complete this worksheet on the rules of design. It will help you review what you just learned.