SlideShare a Scribd company logo
1 of 38
Download to read offline
Reminder
U CAN HAZ PIZZA
At 6p
Here in CR2
There will be booze
AWYISS
Logo Mini-Lesson
Make It Black
Logo Mini-Lesson
Make It Small
Logo Mini-Lesson
Make It An Experience
Logo Mini-Lesson
Make An Internal Grid
Logo Mini-Lesson
Make An Internal Grid
Composition
“The whole is other than
the sum of the parts”
Kurt Koffka
Composition
Learning Objectives
1. Identify five gestalt principles of perception.
2. Display an understanding of contrast and
the role it plays in composition.
3. Apply these principles to create information
hierarchy in a composition.
Composition
Five Gestalt Principles of Perception
1. Proximity
2. Similarity
3. Figure/Ground
4. Symmetry
5. Closure
Composition > Gestalt
Proximity
Composition > Gestalt
Similarity
Composition > Gestalt
Figure / Ground
Composition > Gestalt
Symmetry
Composition > Gestalt
Closure
Composition > Gestalt
Class Activity
Go to your favorite website and identify
these principles at work.
Closure
Symmetry
Figure/Ground
SimilarityProximity
Composition > Gestalt
Class Activity
Composition > Gestalt
Further Exploration
Good Continuation, Common Fate,
Parallelism, Focal Points, Past
Experiences, Law of Prägnanz, Good
Figure, Macro-Space, Law of Simplicity,
Closure, Order, Uniform Connectedness,
Common Regions
Composition > Gestalt
Past Experiences
Contrast
Size Texture
Position Shape
Color Orientation
Composition
Types of Contrast
Composition > Contract
Class Activity
Go to your favorite website and identify
contrast at work.
Information
Hierarchy
31 2
Composition > Information Hierarchy
Composition > Case Study
Composition > Case Study
1
3
2
Composition > Case Study
Composition > Case Study
1
3
2 1 2
3 3
1 2
Composition > Case Study
Composition > Case Study
Past Experience
ProximityColor / Shape Contrast
Figure/Ground
Proximity
Symmetry
Composition
Homework
1. Rank your top three job stories
2. Create a hand-drawn mobile sketch that accounts for all three,
prioritizing the first 1
3. Match it with (or create) what you feel is the most promising tableau 2
4. Compose these elements into a mobile composition in Sketch, making
initial font, color and photo/illustration decisions. What principles from
today’s class are present and why?
1
Make sure page items are appropriately sized. Account for the page’s entire vertical length.
2
This tableau should consist of only three parts: type, color palette, and photo/illustration style.
bit.ly/1RRxGaN
Lesson Number: 9
Topic: Composition Intro
Composition > Exit Tickets

More Related Content

Similar to Composition Introduction

5th grade word problems and fractions pd
5th grade  word problems and fractions pd5th grade  word problems and fractions pd
5th grade word problems and fractions pdLaura Chambless
 
Pair Design
Pair DesignPair Design
Pair DesignKim Dowd
 
Pair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for IdeationPair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for IdeationColby Sato
 
Compositionnphotography
CompositionnphotographyCompositionnphotography
CompositionnphotographyNetty Foster
 
Presentation mini art school
Presentation mini art schoolPresentation mini art school
Presentation mini art schoolgemmacocomello
 
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beamesLily Yang
 
Easter Revision Session
Easter Revision SessionEaster Revision Session
Easter Revision SessionJohn Barlow
 
Just Say "NO" To Worksheets
Just Say "NO" To WorksheetsJust Say "NO" To Worksheets
Just Say "NO" To Worksheetsmflaming
 
Graphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareGraphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareSoraya Elsayed
 
Graphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareGraphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareSorayaElSayedAhmedAl
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10ahill7
 
Web Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in GurugramWeb Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in Gurugramshailenra
 
Blooms Taxonomy Made Easy
Blooms Taxonomy Made EasyBlooms Taxonomy Made Easy
Blooms Taxonomy Made EasyLaura Davis
 
How to Produce Kick-Ass Ideas
How to Produce Kick-Ass IdeasHow to Produce Kick-Ass Ideas
How to Produce Kick-Ass IdeasInitiative
 
G6 m2-a-lesson 5-t
G6 m2-a-lesson 5-tG6 m2-a-lesson 5-t
G6 m2-a-lesson 5-tmlabuski
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of DesignPaul Wozney
 
ldavis-bloomspresentation-110619220714-phpapp02.pdf
ldavis-bloomspresentation-110619220714-phpapp02.pdfldavis-bloomspresentation-110619220714-phpapp02.pdf
ldavis-bloomspresentation-110619220714-phpapp02.pdfjohnechono1
 

Similar to Composition Introduction (20)

5th grade word problems and fractions pd
5th grade  word problems and fractions pd5th grade  word problems and fractions pd
5th grade word problems and fractions pd
 
New 7 QC Tools.pdf
New 7 QC Tools.pdfNew 7 QC Tools.pdf
New 7 QC Tools.pdf
 
Lesson2a
Lesson2aLesson2a
Lesson2a
 
Pair Design
Pair DesignPair Design
Pair Design
 
Pair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for IdeationPair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for Ideation
 
Compositionnphotography
CompositionnphotographyCompositionnphotography
Compositionnphotography
 
Presentation mini art school
Presentation mini art schoolPresentation mini art school
Presentation mini art school
 
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beames
 
Easter Revision Session
Easter Revision SessionEaster Revision Session
Easter Revision Session
 
Just Say "NO" To Worksheets
Just Say "NO" To WorksheetsJust Say "NO" To Worksheets
Just Say "NO" To Worksheets
 
Graphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareGraphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshare
 
Graphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshareGraphic design for social media by canva for slideshare
Graphic design for social media by canva for slideshare
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10
 
Web Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in GurugramWeb Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in Gurugram
 
Blooms Taxonomy Made Easy
Blooms Taxonomy Made EasyBlooms Taxonomy Made Easy
Blooms Taxonomy Made Easy
 
Oct16 2009
Oct16 2009Oct16 2009
Oct16 2009
 
How to Produce Kick-Ass Ideas
How to Produce Kick-Ass IdeasHow to Produce Kick-Ass Ideas
How to Produce Kick-Ass Ideas
 
G6 m2-a-lesson 5-t
G6 m2-a-lesson 5-tG6 m2-a-lesson 5-t
G6 m2-a-lesson 5-t
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of Design
 
ldavis-bloomspresentation-110619220714-phpapp02.pdf
ldavis-bloomspresentation-110619220714-phpapp02.pdfldavis-bloomspresentation-110619220714-phpapp02.pdf
ldavis-bloomspresentation-110619220714-phpapp02.pdf
 

Composition Introduction