SlideShare a Scribd company logo
1 of 67
Presented by Eileen MacAvery Kane
Rockland Community College, Art Department
January 7, 2016
Agenda
• Design Principles
• Design Elements
• Layout
• Fonts
• Color Palette
• Images
Design Principles
Focal Point
Rhythm
Unity
An area of interest that attracts the viewer
May be the smallest area or only area of color
May be created with proportion = relative size of an object as
measured in comparison to another
Focal Point
Rhythm
Unity
Engaging the senses: the rhythm of artwork creates a sensation,
evoking sight, sound, touch, motion
Charles Burchfield. The Insect Chorus. 1917. Opaque and transparent
watercolor with ink and crayon on paper, 1’ 7 7/8”x 1’ 3 7/8” (50 x 40 cm).
Munson-Williams-Proctor Institute. Museum of Art, Utica, New York (Edward
W. Root Bequest), 58.104.
Albert Renger-Patzsch. Buchenwald in Herbst (Beech Forest in Autumn).
1936. Silver gelatin print, 8 3/4”x 6 3/8” (22.2 x 16.2 cm). The Metropolitan
Museum of Art, Warner Communications, Inc., purchase fund, 1980;
1980.1063.1.
Philip Guston. Transitions. 1975. Oil on Canvas, 5’6” x 6’81/2” (167.6 x 204.5cm). Smithsonian
Amercian Art Museum, Washington, DC. Bequest of Musa Guston.
Hiroshi Sugimoto. U.A. Play House. 1978.
Used to different type of feelings:
• Symmetrical: classicism, stability, formal
• Asymmetrical: dynamism, movement, casual
Focal Point
Rhythm
Unity
Unity = visual harmony is achieved with whatever elements are used
Design Elements
Line
Shape
Pattern
Texture
Value
Color
Space
Motion
Biomorphic shapes –Abstract shapes that allude to natural, organic forms such as plants or the human form, convey
emotion or reference. Over the Circle (Frankenthaler)
Texture makes the object feel like it has a surface quality.
Add color and you can change the tone and message completely
Create interest by interrupting the repetition (image by San Mung, Prism)
Figure / Ground
relationships
(Ascending and
Descending by M.C.
Escher)
Sue Hettmansperger. Untitled Drawing. 1975. Watercolorand pencil, 1' 11" x 2' 1" (58 x 64 cm). Collection of North Carolina National Bank.
Use value to create form
James Turrell. Meeting. 1986. Warm and cool colors for simultaneous contrast
The use of space supports color as a focal point
Motion dominates this image
Layout
Careful control of visual hierarchy is a key aspect of the
design decisions we have to consider.
1. Most Important
2. Least Important
3. Everything else in between
Poster by Rebecca Foster
Fonts
Limit your font choices to 3
and use fancy fonts for headlines only
Color Palette
Limit your color palette to 3
You’ll tend to get a more pleasing final result if you stick to three
colors in your color scheme.
Many of the masters’ paintings use very limited palettes
If more colors are needed, try using tints or shades of a color
Choose colors that are appropriate
and be aware of cultural differences
In some countries, yellow has very different connotations. In Egypt, for
example, yellow is for mourning. In Japan, it represents courage, and in
India it’s a color for merchants.
Images
Use the rule of thirds
Horizontal horizontals
Framing
Fill the frame
Try different angles
Avoid harsh sunlight and zoom in
Uncluttered background
Use visual metaphors
and Puns
Clean up your mess
Clean Designs Reduce the
Effort Needed to Find Information
Consider Alignment, Size, Contrast, and Extras
Best Practices
• Create a layout with strong visual hierarchy
• Use the power of 3:
- Layout
- Fonts
- Color Palette
• Image cropping and positioning
• Unity is the ultimate goal

More Related Content

Similar to Graphic Design Clinic: The Power of 3

Color Review & Johannes Itten
Color Review & Johannes IttenColor Review & Johannes Itten
Color Review & Johannes IttenRachel Hayes
 
O'Keefe for K-2
O'Keefe for K-2O'Keefe for K-2
O'Keefe for K-2kellybohls
 
Chapter 6 rhythm
Chapter 6 rhythmChapter 6 rhythm
Chapter 6 rhythmTracie King
 
Week3 Principles Of Design
Week3 Principles Of DesignWeek3 Principles Of Design
Week3 Principles Of Designnateabels
 
Art Vocabulary
Art VocabularyArt Vocabulary
Art VocabularyT. White
 
Art Appreciation: Color, Unity, and Variety
Art Appreciation: Color, Unity, and VarietyArt Appreciation: Color, Unity, and Variety
Art Appreciation: Color, Unity, and VarietyPaige Prater
 
Color Theory.pptx
Color Theory.pptxColor Theory.pptx
Color Theory.pptxPAUL P JOSE
 
O'Keefe for 3-8
O'Keefe for 3-8O'Keefe for 3-8
O'Keefe for 3-8kellybohls
 
The Art Of The Picture Book
The Art Of The Picture BookThe Art Of The Picture Book
The Art Of The Picture Bookcbrownell
 
Color Schemes & Wheel
Color Schemes & WheelColor Schemes & Wheel
Color Schemes & WheelRachel Hayes
 
Art Appreciation Principles& Elements: Unity, Variety, Balance, & Proportion
Art Appreciation Principles& Elements: Unity, Variety, Balance, & ProportionArt Appreciation Principles& Elements: Unity, Variety, Balance, & Proportion
Art Appreciation Principles& Elements: Unity, Variety, Balance, & ProportionPaige Prater
 
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...Paige Prater
 
Week2 Visual Elements Part1
Week2 Visual Elements Part1Week2 Visual Elements Part1
Week2 Visual Elements Part1nateabels
 
Color Theory
Color TheoryColor Theory
Color Theoryhlograsso
 
Liceo color theory and texture
Liceo color theory and textureLiceo color theory and texture
Liceo color theory and textureshataarrasco
 
Chapter 13 color
Chapter 13 colorChapter 13 color
Chapter 13 colorTracie King
 

Similar to Graphic Design Clinic: The Power of 3 (20)

Color Review & Johannes Itten
Color Review & Johannes IttenColor Review & Johannes Itten
Color Review & Johannes Itten
 
O'Keefe for K-2
O'Keefe for K-2O'Keefe for K-2
O'Keefe for K-2
 
Chapter 6 rhythm
Chapter 6 rhythmChapter 6 rhythm
Chapter 6 rhythm
 
Week3 Principles Of Design
Week3 Principles Of DesignWeek3 Principles Of Design
Week3 Principles Of Design
 
Art Vocabulary
Art VocabularyArt Vocabulary
Art Vocabulary
 
Art Appreciation: Color, Unity, and Variety
Art Appreciation: Color, Unity, and VarietyArt Appreciation: Color, Unity, and Variety
Art Appreciation: Color, Unity, and Variety
 
Color Theory.pptx
Color Theory.pptxColor Theory.pptx
Color Theory.pptx
 
O'Keefe for 3-8
O'Keefe for 3-8O'Keefe for 3-8
O'Keefe for 3-8
 
Color intro
Color introColor intro
Color intro
 
The Art Of The Picture Book
The Art Of The Picture BookThe Art Of The Picture Book
The Art Of The Picture Book
 
Color Schemes & Wheel
Color Schemes & WheelColor Schemes & Wheel
Color Schemes & Wheel
 
Painting 1
Painting 1Painting 1
Painting 1
 
Art Appreciation Principles& Elements: Unity, Variety, Balance, & Proportion
Art Appreciation Principles& Elements: Unity, Variety, Balance, & ProportionArt Appreciation Principles& Elements: Unity, Variety, Balance, & Proportion
Art Appreciation Principles& Elements: Unity, Variety, Balance, & Proportion
 
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
 
Chapter 7 line
Chapter 7 lineChapter 7 line
Chapter 7 line
 
Week2 Visual Elements Part1
Week2 Visual Elements Part1Week2 Visual Elements Part1
Week2 Visual Elements Part1
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Liceo color theory and texture
Liceo color theory and textureLiceo color theory and texture
Liceo color theory and texture
 
Chapter 13 color
Chapter 13 colorChapter 13 color
Chapter 13 color
 
Chapter 8 shape
Chapter 8 shapeChapter 8 shape
Chapter 8 shape
 

More from Eileen MacAvery Kane

More from Eileen MacAvery Kane (7)

Rockland Community College Art Info Night
Rockland Community College Art Info NightRockland Community College Art Info Night
Rockland Community College Art Info Night
 
Rockland Community College Art Info Night
Rockland Community College Art Info NightRockland Community College Art Info Night
Rockland Community College Art Info Night
 
Graphic Design Clinic - Finding Images Online
Graphic Design Clinic - Finding Images OnlineGraphic Design Clinic - Finding Images Online
Graphic Design Clinic - Finding Images Online
 
Emkane RCC wp qs
Emkane RCC wp qsEmkane RCC wp qs
Emkane RCC wp qs
 
Teacup Secrets
Teacup SecretsTeacup Secrets
Teacup Secrets
 
Ethics in Graphic Design
Ethics in Graphic DesignEthics in Graphic Design
Ethics in Graphic Design
 
Integrating Text and Image
Integrating Text and ImageIntegrating Text and Image
Integrating Text and Image
 

Recently uploaded

Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
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 GraphThiyagu K
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
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.pdfQucHHunhnh
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Recently uploaded (20)

Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
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
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
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
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . 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"
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

Graphic Design Clinic: The Power of 3

Editor's Notes

  1. Source: http://olearygraphics.wordpress.com/author/fayeyavarow/page/2/
  2. Source: http://gdbasics.com/index.php?s=rhythmandbalancedp1
  3. http://www.flickr.com/photos/mcdanielism/3649230315/sizes/l/in/photolist-6ytg34-6ytgnv-7diksq-7hiPeq-dEhd5M-bjwLYH-9o2RyZ-ac5d5X-fZxhTr-91R9Bs-dKwGRF-91R9EJ-9s2QiA-egkKEx-dHhrQM-9tzDH8-fAwhTh-8ZcocR-aiHEVE-7FjKUu-845z5A-842gDn-842u5e-842gD2-83UN69-83NpbD-83RvFC-83RvK7-83RvKy-83RvGW-83RvKY-83RvLh-83RvFS-abndfN-8M7MkQ-91R9CA/
  4. http://www.jimflora.com/fineartprints/mambo-for-cats.html
  5. http://www.flickr.com/photos/cool_colonia4711/2600267750/sizes/z/in/photolist-4XM41A-55UVFZ-59FH4X-59FKTk-5n8CSM-5ncUfj-5tC2yC-5uA6Ze-5vnmAS-5JTBod-5KhbGH-5PhjGC-5T98UM-5TjSSG-658dwh-66iLF1-6rJhwe-6xyHor-6xEQth-6Ey69W-6K1Tnv-6Pw1f6-6RBtUM-7hx9Gr-7otu2F-fiRsg3-9DawDK-9CdL7M-a58BWY-7Un5Es-9nwUwf-a8yBkB-apLQi2-bYSSWy-7QNnwk-89vyps-buMQhX-8ir8EE-9aGSxu-8dkKzC-8KB4aQ-9FiGBa-aeWZnv-7JPHov-7JsjgU-7ArpXu-8UMukh-ax7xXZ-dcC3xC-7KG4PW-eypNAN/
  6. http://www.flickr.com/photos/recursivo/4021788387/sizes/o/in/set-72157614958076007/
  7. Pull images and text from here: http://www.smashingmagazine.com/2013/02/26/creating-visual-hierarchies-typography/ Then talk about points here, using the elements to create visual hierarchy: http://theelearningcoach.com/media/graphics/how-to-create-a-visual-hierarchy/
  8. Cropping, framing, size of images (don’t use a group photo zoomed out at a small size) don’t scale images disproportionately – use shift or crop if needed
  9. Source: http://www.gomediazine.com/tutorials/rule-one-limit-your-fonts/
  10. http://www.australiangeographic.com.au/journal/view-image.htm?index=4&gid=3879
  11. Pull images and text from here: http://www.smashingmagazine.com/2013/02/26/creating-visual-hierarchies-typography/ Then talk about points here, using the elements to create visual hierarchy: http://theelearningcoach.com/media/graphics/how-to-create-a-visual-hierarchy/
  12. Pull images and text from here: http://www.smashingmagazine.com/2013/02/26/creating-visual-hierarchies-typography/ Then talk about points here, using the elements to create visual hierarchy: http://theelearningcoach.com/media/graphics/how-to-create-a-visual-hierarchy/