gestault laws & elements lec3

Upload: umar-akram

Post on 03-Apr-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/28/2019 Gestault Laws & Elements Lec3

    1/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    2/96

    Rene Magritte; This is not a pipe

    Questioning the role of creativity, seeing, art, artist, image and viewer

    Design is the conscious effort to impose a meaningful order. Papanik

  • 7/28/2019 Gestault Laws & Elements Lec3

    3/96

    What Is Good/Bad Taste?

    Given: Mainstream, Manufactured, the make belief world,

    Print & electronic media, film, architecture, advertizing

    You are what you have. Our life can change if we buy different

    Anxiety about money, discontent, Fear, Inadequacy

    Persuasion by showing transformed people, images of alternative way of life

    Envy, Manufacturing Glamour

    Model is the god/goddess, Perfected humansMediated communication

    Issues

    Milk, Water, Ice cream, Tobacco, Soft drinks, Junk food, medicines

    Acquired: Classical, Generational, Continuity, History & HeritageSound; language, literature. Image; icons (Buddha, Jesus)

    Architecture; monuments

    Fine Arts

    Unmediated communication

  • 7/28/2019 Gestault Laws & Elements Lec3

    4/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    5/96

    Gestalt Laws of Perceptual Organization?

    Gestalt (Shape or form) psychology was founded by German thinkersMax Wertheimer(April 15, 1880 October 12, 1943) Wolfgang Kohler

    and Kurt Koffka and focused on how people interpret the world.Max Wertheimer noted that rapid sequences of perceptual events,

    such as rows of flashing lights, create the illusion of motion even when

    there is none. This is known as the phi phenomenon. Motion pictures

    are based upon this principle, with a series of still images appearing in

    rapid succession to form a seamless visual experience.

  • 7/28/2019 Gestault Laws & Elements Lec3

    6/96

    All of these principles of perceptual organization serve the overarchingprinciple ofpragnnz (German for conciseness) , which is that

    the simplest and most stable interpretations are favored.

    What the Gestalt principles of perceptual organization suggest is that we

    may be predisposed towards interpreting ambiguous images in one wayrather than another by universal principles.

    We may accept such a proposition at the same time as accepting that suchpredispositions may also be generated by other factors.

    Similarly, we may accept the Gestalt principles whilst at the same timeregarding other aspects of perception as being learned and culturally

    variable rather than innate. The Gestalt principles can be seen as reinforcing the notion that the world

    is not simply and objectively 'out there' but is constructed in the processof perception.

    Gestalt Laws of Perceptual Organization?

  • 7/28/2019 Gestault Laws & Elements Lec3

    7/96

    Characters, punctuation

    Words, numbers

    Sentences, paragraphs

    Story

    Structuring verbal information

    Verbal elements such as words are used to form sentences.Visual information can be arranged in much the same way.

    Points, lines, shapes

    Type, pictures, space

    Layout

    DESIGN

    Component

    Vocabulary

    Syntax

    Message

  • 7/28/2019 Gestault Laws & Elements Lec3

    8/96

    Creative

    thought

    Gestalt

    laws

    Good

    design

    Visual Perception

    The way we see things is affected by what we know or what we believe -

    John Berger

    The mind does not simply record an exact image of the world but creates

    its own 'picture' - Irvin Rock

  • 7/28/2019 Gestault Laws & Elements Lec3

    9/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    10/96

    We thrive in information thick worlds because of

    our marvelous and everyday capacity to select, edit,

    single out, structure, highlight, group, pair, merge,

    harmonize, synthesize, focus, organize, condense,

    reduce, boil down, choose, categorize, catalog,

    classify, list, abstract, scan, look into, idealize,isolate, discriminate, distinguish, screen, pigeonhole,

    pick over, sort, integrate, blend, inspect, filter, lump,

    skip, smooth, chunk, average, approximate, cluster,

    aggregate, outline, summarize, itemize, review, dip

    into, flit through, browse, glance into, leaf through,

    skim, refine, glean, synopsize, winnow the wheat

    from the chaff and separate the sheep from the

    goats. Edward Tufte

    Visual Perception

  • 7/28/2019 Gestault Laws & Elements Lec3

    11/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    12/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    13/96

    Grid in Graphic Design

    Alignment is an extension ofproximity. It has to do with

    placing items so that they line

    up. Alignment is a concept that

    produces both grouping and

    organizes information to create

    order.

  • 7/28/2019 Gestault Laws & Elements Lec3

    14/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    15/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    16/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    17/96

    Similarity & Anomaly

  • 7/28/2019 Gestault Laws & Elements Lec3

    18/96

    Ying Yang Sign. Equal division of black and white surface

    creates a tension that gives life to the design.

  • 7/28/2019 Gestault Laws & Elements Lec3

    19/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    20/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    21/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    22/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    23/96

    good form

  • 7/28/2019 Gestault Laws & Elements Lec3

    24/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    25/96

    This is an illustration of the concept of totality you grasp the "totality" of something

    before worrying about the details.

    The whole is different than the sum of its parts; not greater, not less than, just

    different.

  • 7/28/2019 Gestault Laws & Elements Lec3

    26/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    27/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    28/96

    Law of Common Fate

    The common fate principle states that elements tend to be perceived as

    grouped together if they move together.

  • 7/28/2019 Gestault Laws & Elements Lec3

    29/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    30/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    31/96

    "Basically, we seem to have an

    innate tendency to perceive one

    aspect of an event as the figure

    or fore-ground and the other as

    the ground or back-ground."

    [Boeree,2000]

    Law of Figure and Ground

  • 7/28/2019 Gestault Laws & Elements Lec3

    32/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    33/96

    A design for a ring using the solid and void in a figure

    ground relationship

  • 7/28/2019 Gestault Laws & Elements Lec3

    34/96

    Painting by Escher

  • 7/28/2019 Gestault Laws & Elements Lec3

    35/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    36/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    37/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    38/96

    Past Experience

    This means that past experience and context have an effect of how we interpret

    and group elements.

    http://www.infovis-wiki.net/index.php?title=Image:Past.gifhttp://www.infovis-wiki.net/index.php?title=Image:Past2.gifhttp://www.infovis-wiki.net/index.php?title=Image:Past3.gif
  • 7/28/2019 Gestault Laws & Elements Lec3

    39/96

    The mind does not simply record an exact image of the world but creates

    its own 'picture' - Irvin Rock

    The following illustration demonstrates how a door appears to change shape as it is

    opened. Shape constancy ensures that we are not typically conscious of this.

  • 7/28/2019 Gestault Laws & Elements Lec3

    40/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    41/96

    The Third Dimension

    As part of our imposition of meaning on what we see we seem to seek to turn images

    into objects where possible.

    The desire to interpret in depth seems to be very strong in us if we are familiar

    (however unconsciously) with linear perspective.

  • 7/28/2019 Gestault Laws & Elements Lec3

    42/96

    Left and right dynamics

    Any pictorial object looks heavier on the right side of the picture

    The observer identifies with the left side.e.g. Importance of left side on

    the stage

    Pictorial movement to the right is perceived easier.

    The visual center of any page is just slightly above and to the right of the

    actual (mathematical) center. This tends to be the natural placement of

    visual focus, and is also sometimes referred to as museum height.

  • 7/28/2019 Gestault Laws & Elements Lec3

    43/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    44/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    45/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    46/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    47/96

    The classical Greek temple uses many optical corrections to

    create the illusion of a perfect form.

  • 7/28/2019 Gestault Laws & Elements Lec3

    48/96

    http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.ht

    m

    Note: The material from these websites is used in this presentation

    http://www.slideshare.net/chelsc/gestalt-laws-and-design-presentation

    http://www.interaction-

    design.org/encyclopedia/gestalt_principles_of_form_perception.html

    http://www.aber.ac.uk/media/Modules/MC10220/lectures.html

    http://www.aber.ac.uk/media/Modules/MC10

    220/visper01.html

    Reading for quiz tomorrow

    http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htmhttp://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htmhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.htmlhttp://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/lectures.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/visper01.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/visper01.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/visper01.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/visper01.htmlhttp://www.aber.ac.uk/media/Modules/MC10220/lectures.htmlhttp://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.htmlhttp://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.htmlhttp://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.htmlhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://www.slideshare.net/chelsc/gestalt-laws-and-design-presentationhttp://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htmhttp://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
  • 7/28/2019 Gestault Laws & Elements Lec3

    49/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    50/96

    Blocks

    Perceptual

    Emotional

    Associational

    Cultural

    Professional

    Intellectual

    Environmental

    We all experience the above blocks

    Quiz 1. marks 3%

  • 7/28/2019 Gestault Laws & Elements Lec3

    51/96

    Quiz 1. marks 3%

    1. Please define & explain the following laws of visual perception

    ( 20 marks)

    1. Law of proximity

    2. Law of similarity

    3. Law of closure

    4. Law of Pragnanz (good form)

    5. Law of continuity6. Law of common fate

    7. Law of figure & ground

    8. Law of past experience

    9. Right left dynamics

    10. Optical illusion

    2. write a short note on visual perception (10 marks)

  • 7/28/2019 Gestault Laws & Elements Lec3

    52/96

    Composition

    Line

    Shape and Form

    Space

    Color

    Texture

    Elements of Design

  • 7/28/2019 Gestault Laws & Elements Lec3

    53/96

    CompositionThe arrangement and order determined by the artist.

    Composition creates a hierarchy within the work, which tells the viewer

    the relative importance of the imagery and elements included.

  • 7/28/2019 Gestault Laws & Elements Lec3

    54/96

    Symmetrical compositions

    Convey a sense of stability

    vertical line bisecting the image

    would create two equal halves that

    are mirror images of one another.

  • 7/28/2019 Gestault Laws & Elements Lec3

    55/96

    Asymmetrical compositions

    Convey a sense of movement since the elements of the composition are

    unbalanced.

  • 7/28/2019 Gestault Laws & Elements Lec3

    56/96

    LineA line is an identifiable path created by a point moving in space.

    It is one-dimensional and can vary in width, direction, and length.

    Lines often define the edges of a form.

    Lines can be horizontal, vertical, or diagonal, straight or curved, thick or thin.

  • 7/28/2019 Gestault Laws & Elements Lec3

    57/96

    Horizontal lines suggest a feeling of rest or repose because objects parallel to the earth

    are at rest. In this landscape, horizontal lines also help give a sense of space. They also

    imply continuation of the landscape beyond the picture plane to the left and right.

  • 7/28/2019 Gestault Laws & Elements Lec3

    58/96

    Vertical lines often communicate a sense of height because they are perpendicular to

    the earth, extending upwards toward the sky.

  • 7/28/2019 Gestault Laws & Elements Lec3

    59/96

    Diagonal lines convey a

    feeling of movement.

    Objects in a diagonal

    position are unstable.

    Because they are neithervertical nor horizontal,

    they are either about to

    fall or are already in

    motion.

  • 7/28/2019 Gestault Laws & Elements Lec3

    60/96

    The curve of a line can convey energy. Soft, shallow curves recall the curves of the

    human body and often have a pleasing, sensual quality and a softening effect on the

    composition.

  • 7/28/2019 Gestault Laws & Elements Lec3

    61/96

    Shape and formShape and form define objects in

    space.

    Shapes have two dimensionsheight and widthand are usually

    defined by lines.

    Forms exist in three dimensions,

    with height, width, and depth.

  • 7/28/2019 Gestault Laws & Elements Lec3

    62/96

    Organic shapes and forms are typically irregular or asymmetrical.

    Organic shapes are often found in nature, but man-made shapes can

    also imitate organic forms.

  • 7/28/2019 Gestault Laws & Elements Lec3

    63/96

    SpaceReal space is three-

    dimensional. Space in a work

    of art refers to a feeling of

    depth or three dimensions. It

    can also refer to the artist's

    use of the area within the

    picture plane. The area around

    the primary objects in a work

    of art is known as negative

    space, while the spaceoccupied by the primary

    objects is known as positive

    space.

    Positive and negative spaceThe relationship of positive to negative space can greatly affect the impact of a work of art. In

    this drawing, the man and his shadow occupy the positive space, while the white space

    surrounding him is the negative space. The disproportionate amount of negative space

    accentuates the figure's vulnerability and isolation.

  • 7/28/2019 Gestault Laws & Elements Lec3

    64/96

    Three-dimensional spaceThe perfect illusion of three-dimensional space in a two-dimensional work of

    art is something that many artists labored to achieve. The illusion of space is

    achieved through perspective drawing techniques and shading .

  • 7/28/2019 Gestault Laws & Elements Lec3

    65/96

    Linear Perspective

  • 7/28/2019 Gestault Laws & Elements Lec3

    66/96

    Empirical Perspective in

    Mughal Miniature

  • 7/28/2019 Gestault Laws & Elements Lec3

    67/96

    "I felt dissatisfied withtraditional perspective.

    Merely a mechanical

    process, this perspective

    never conveys things in

    full. It starts from one

    viewpoint and never

    gets away from it. [] It

    is as though someone

    were to draw profiles all

    his life, leading people

    to think that a man hadonly one eye." (Braque)

  • 7/28/2019 Gestault Laws & Elements Lec3

    68/96

    ColorLight reflected off objects. red, green, blue, etc.

    Value describes the brightness of color. Artists use color value to create different moods. Darkcolors in a composition suggest a lack of light, as in a night or interior scene. Dark colors can often

    convey a sense of mystery or foreboding.

    Intensitydescribes the purity or strength of a color. Bright colors are undiluted and are often

    associated with positive energy and heightened emotions. Dull colors have been diluted by

    mixing with other colors and create a sedate or serious mood.

    Color

  • 7/28/2019 Gestault Laws & Elements Lec3

    69/96

    Color

    Light reflected off objects. Color has three main characteristics:

    hue (red, green, blue, etc.), value(how light or dark it is), and

    intensity (how bright or dull it is). Colors can be described as

    warm (red, yellow) or cool (blue, gray), depending on which

    end of the color spectrum they fall.

    Value describes the brightness of color. Artists use color value to create

    different moods. Dark colors in a composition suggest a lack of light, as

    in a night or interior scene. Dark colors can often convey a sense of

    mystery or foreboding.

    Intensity describes the purity or strength of a color. Bright colors areundiluted and are often associated with positive energy and

    heightened emotions. Dull colors have been diluted by mixing with

    other colors and create a sedate or serious mood.

  • 7/28/2019 Gestault Laws & Elements Lec3

    70/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    71/96

    Texture

    The surface quality of

    an object that we

    sense through touch.

    All objects have a

    physical texture.

    Artists can also

    convey texture

    visually in two

    dimensions.

  • 7/28/2019 Gestault Laws & Elements Lec3

    72/96

    Texture

    In a two-dimensional work of art, texture gives a visual sense of how an

    object depicted would feel in real life if touched: hard, soft, rough, smooth,

    hairy, leathery, sharp, etc. In three-dimensional works, artists use actual

    texture to add a tactile quality to the work.

  • 7/28/2019 Gestault Laws & Elements Lec3

    73/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    74/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    75/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    76/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    77/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    78/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    79/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    80/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    81/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    82/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    83/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    84/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    85/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    86/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    87/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    88/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    89/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    90/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    91/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    92/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    93/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    94/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    95/96

  • 7/28/2019 Gestault Laws & Elements Lec3

    96/96

    Grading:

    Attendance 10%Quiz 10% (2%x5)

    Research Presentations 20% (10% & 10%)Mid term exam 20%Final exam 40%

    Instructor: Shahid MirzaCell# 0300-4712622

    Contact: [email protected]

    mailto:[email protected]:[email protected]