Principles
Based on: Picture This: How Pictures Work by Molly Bang

Go out and buy it!!!
01 - Horizontal = Stability and Calm
02 - Vertical = more active, reaching up
3 – Diagonal = implies motion or tension, thus dynamic
Exercise:
Use 15 black shapes to create
a dynamic sense of motion.
10 minutes
4 – Upper half of picture plane = freedom, happiness, triumph, “spiritual”
“top of the charts”, “top gun”, “top dog”, “thi...
4 -- Lower half of picture plane = grounded, yet, threatened, heavier, sadder, and constrained
“down on the dumps”, “feeli...
5 – Center of picture plane = Point of greatest attention
Closer to edges and corners = Greater Tension
“He’s cornered”, “She’s in a tight corner”, “Edgy”, “On edge”, “Being pushed...
6–

Light Backgrounds vs. Dark Backgrounds
=
Safe vs. Dangerous - - - - - - - - - (context depending)
Washed out vs. Glowi...
7 – Pointed Shapes = Threatening
Knives, arrows, spears, missiles, rockets, rocky mountains, saw blades, fangs, etc.
7 – Curved Shapes = secure
Rolling hills, rolling seas, boulders, rivers, curves of the body, etc.
8 – Larger shapes = Stronger Shapes
Exercise: Cut out the displayed shapes
and arrange into two groups.
10 min.
Exercise: Cut out the displayed shapes
and arrange into two groups.
10 min.
9 – Association of similar colors is stronger than association of similar shapes.
10 – Contrasts enable us to see.
Exercise:
Using black shapes on white paper,
create a picture which evokes repetition
and confusion/regularity and
irregul...
Notes on Space
Space creates isolation and vulnerability.
Figure/Ground -- Positive/Negative Space
Overlapping
Furthest ---------- BACKGROUND ----------- top of picture
MIDDLE-GROUND
Closest ------------- FOREGROUND ----------- botto...
Greater sense of space = Progressively smaller/thinner/lighter shapes
Misc. Notes:
Gestalt = Sum is greater than its parts
-Figure/ Ground

-Similarity

-Grouping

-Closure

-Continuity
?s
Design Principles
Design Principles
Design Principles
Design Principles
Design Principles
Design Principles
Design Principles
Design Principles
Design Principles
Upcoming SlideShare
Loading in …5
×

Design Principles

401 views

Published on

Based on "Picture This: How Pictures Work" by Molly Bang

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
401
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Gravity impacts our visual response. Associations: Earth, Floor, prairie, calm sea. Humans are most stable when we are horizontal.
  • Design Principles

    1. 1. Principles Based on: Picture This: How Pictures Work by Molly Bang Go out and buy it!!!
    2. 2. 01 - Horizontal = Stability and Calm
    3. 3. 02 - Vertical = more active, reaching up
    4. 4. 3 – Diagonal = implies motion or tension, thus dynamic
    5. 5. Exercise: Use 15 black shapes to create a dynamic sense of motion. 10 minutes
    6. 6. 4 – Upper half of picture plane = freedom, happiness, triumph, “spiritual” “top of the charts”, “top gun”, “top dog”, “things are looking up”, “high as a kite”
    7. 7. 4 -- Lower half of picture plane = grounded, yet, threatened, heavier, sadder, and constrained “down on the dumps”, “feeling down”, “low life”, “low-down dirty dog”
    8. 8. 5 – Center of picture plane = Point of greatest attention
    9. 9. Closer to edges and corners = Greater Tension “He’s cornered”, “She’s in a tight corner”, “Edgy”, “On edge”, “Being pushed over the edge”.
    10. 10. 6– Light Backgrounds vs. Dark Backgrounds = Safe vs. Dangerous - - - - - - - - - (context depending) Washed out vs. Glowing
    11. 11. 7 – Pointed Shapes = Threatening Knives, arrows, spears, missiles, rockets, rocky mountains, saw blades, fangs, etc.
    12. 12. 7 – Curved Shapes = secure Rolling hills, rolling seas, boulders, rivers, curves of the body, etc.
    13. 13. 8 – Larger shapes = Stronger Shapes
    14. 14. Exercise: Cut out the displayed shapes and arrange into two groups. 10 min.
    15. 15. Exercise: Cut out the displayed shapes and arrange into two groups. 10 min.
    16. 16. 9 – Association of similar colors is stronger than association of similar shapes.
    17. 17. 10 – Contrasts enable us to see.
    18. 18. Exercise: Using black shapes on white paper, create a picture which evokes repetition and confusion/regularity and irregularity/ order and disorder. 40 minutes
    19. 19. Notes on Space
    20. 20. Space creates isolation and vulnerability.
    21. 21. Figure/Ground -- Positive/Negative Space
    22. 22. Overlapping
    23. 23. Furthest ---------- BACKGROUND ----------- top of picture MIDDLE-GROUND Closest ------------- FOREGROUND ----------- bottom of picture
    24. 24. Greater sense of space = Progressively smaller/thinner/lighter shapes
    25. 25. Misc. Notes: Gestalt = Sum is greater than its parts -Figure/ Ground -Similarity -Grouping -Closure -Continuity
    26. 26. ?s

    ×