Session 1A | Oct 26, 2016
Intro00
Form1a1b1c
Content2a2b2c
Media3a3b3c
Think4A4B4c
Design5a5b5c
Make6a6b6c6d

Session 1A | Oct 26, 2016

Session 01


Dani Morin

Classwork

PRINCIPLE #1.- hierarchy

Picture #1.- Importance of colors and shapes.

IMG_9088

In this picture we can observe that the silver color is the dominant feature not only because of its color but because we can tell that it has a different texture and it is the biggest shape. Then the orange color would be the subdominant feature followed by the blue. This hierarchy determines the flow of the picture.

PICTURE #2.-  Importance of colors and shapes.

IMG_9089

In this picture we have a very similar situation as in the first picture. Even if the silver shape isn’t the biggest shape, because of its color and texture it is the most dominant. But its followed by the yellow shapes because of its repetition and dominance of space in the picture.

PRINCIPLE #2.- Balance

PICTURE #3.- Symmetry

FullSizeRender

This picture is symmetrical, this has a couple of effects on the audience. First of all it creates a sense of calmness and stability but also it gives certain power to the object presented in the middle.

PICTURE #4.- Asymmetry

FullSizeRender 2

In this picture we have the opposite of the symmetrical picture posted before. Asymmetry gives a sense of movement to the picture. So here we can notice some change between the different angles of the picture. Asymmetry is characterized by disorder which is clearly present in this picture, due to the fact that none of the shapes follow a certain pattern.

PRINCIPLE #3.- CRAP

PICTURE #5.- Rhythm

Repetition

It is very important to manage the repetition of certain elements when designing something. In this picture we can observe a repetition in the orange stripes, which gives a certain flow to the picture. This is a monotonous repetition because the same element is the one that is being used many times.

PICTURE #6.- Alignment

IMG_9094

In this image we can observe alignment between the objects. First of all the pair of pens and pair of scissors are aligned in order to be in a certain way symmetrical to each other. But then the 3 different type of objects are aligned in order to create a certain order in the image.

Visual effects

PICTURE #7.- Movement

IMG_9098In order to create movement in an image there cannot be symmetry at all. In this case we can observe movement due to what was mentioned before. But also the curved shape that was created gives a sense of movement to the picture.

PICTURE #8.- Closure

IMG_9099

This picture has a closure visual effect because the brain is filling up the space that was left behind and creates an image that wasn’t necessarily presented. This type of closure changes the composition of the image and implies certain things that aren’t seen directly.

Homework

Picture #1

Symmetry&Contrast

Keywords: Symmetry & Contrast

PICTURE #2

EdgeAlignement&DominantBySize

Keywords: Edge Alignment & Dominant by Size

PICTURE #3

GroupingDominant

Keywords: Grouping & Dominant by Difference

PICTURE #4

CenterStability

Keywords: Stability & Center Alignment

PICTURE #5

MovementClosure

Keywords: Movement & Closure

Discussion

2 responses to “Session 01”

  1. Neko says:

    Most of the images are really nice looking! Also, you managed to represent quite well the principles in most of the images you’ve made, but not all. My neat-picking the images that DIDN’T do very well:
    – in the first image, for some reason I feel blue shape is more dominant, probably because it stands out more against the other two, and because of this zig-zag shape that calls my attention away from gray shape. Gray shape really feels like a background in this photo.
    – closure is not really a closure because you actually created a complete heart shape already. It would be more of a closure if you only made parts of the heart and let our brain “complete” the image. If unsure, Google for “closure” or “gestalten principles closure” to see more examples.
    But all in all, pretty solid work, thanks! :)

  2. Neko says:

    A couple of comments for the homework:
    At first, the image with the pencils look nice, except:
    – The dominance by difference is not emphasized enough to be clear.
    – It’s not very balanced (too much visual weight on the left).
    A few examples that would solve the both problems (first the “difference”is in position, not that much in shape):

    Also a few on the scissors image:
    – Image is not symmetrical enough for “stability” because of the shadows in the photo.
    – Form would feel more “stable”if the bottom was heavier (similar analogy to stability in real life physics).
    For example:

Leave a Reply

You must be logged in to post a comment.