Designelements Ss 100125124053 Phpapp02

Embed Size (px)

Citation preview

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    1/27

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    2/27

    The elements of design are the fundamental building blocks 

    of any composition. These pieces work together to form a

    unified composition, and when utilized successfully, create a

    strong, dynamic visual layout.

    The designer uses these elements as tools that control how a

    message is delivered to an audience.

    These principles can be applied to fine art, photography and

    graphic design. 

    The Elements of DesignWhy are These Elements Important to Design?

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    3/27

    Line: One of most important element of design, line defines a subjects form

    or shape on a flat, two-dimensional surface. Lines can be thick or thin,

    smooth or jagged, rigid and mechanical or organic and hand drawn.

    The quality of a line has the ability to express psychological characteristics ofa composition to an audience.

     

    The Elements of DesignLine

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    4/27

    Line: One of most important element of design, line defines a subjects form

    or shape on a flat, two-dimensional surface. Lines can be thick or thin,

    smooth or jagged, rigid and mechanical or organic and hand drawn.

    The quality of a line has the ability to express psychological characteristics ofa composition to an audience.

     

    The Elements of DesignLine

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    5/27

    Line: One of most important element of design, line defines a subjects form

    or shape on a flat, two-dimensional surface. Lines can be thick or thin,

    smooth or jagged, rigid and mechanical or organic and hand drawn.

    The quality of a line has the ability to express psychological characteristics ofa composition to an audience.

     

    The Elements of DesignLine

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    6/27

     Also called positive and negative shapes. The actual shapes in a composition

    are called positive/ figure shapes. The shape that is created as the white space

    flows around the forms on a page is referred to as ground or negative space. 

    White space on a page helps the eye to flow through a composition and can help

    to develop visual interest in a composition. 

    The Elements of DesignFigure and Ground

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    7/27

    Scale refers to refer to the size of elements in a composition.

    Proportion refers to the relative size of objects in relation to each other.

    Size only takes on meaning when compared to other objects of different sizes. 

    The Elements of DesignScale and Proportion

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    8/27

     Another way to talk about scale is to consider the size and scale of elements within

    a design or pattern. In this case, proportions of elements to each other and to the

    overall dimensions of a canvas that they are created on.

    Changing the size of elements within a composition changes the overall impact

    and look of a piece of art. 

    The Elements of DesignScale and Proportion

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    9/27

    Unexpected Scale 

    When objects are shown as overly exaggerated or reduced in size, this effect is

    called unexpected scale. Unexpected scale is often used in advertising in order

    to draw our attention to a product.

    Large and small scale forms can be combined together in a composition to create

    a dramatic effect. 

    https://reader009.{domain}/reader009/html5/0727/5b5a2b33ec100/5b5a2b39099bc.jpg 

    The Elements of DesignScale and Proportion

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    10/27

    http://www.oldenburgvanbruggen.com/ 

    The Elements of DesignScale and Proportion

    Unexpected Scale 

    When objects are shown as overly exaggerated or reduced in size, this effect is

    called unexpected scale. Unexpected scale is often used in advertising in order

    to draw our attention to a product.

    Large and small scale forms can be combined together in a composition to create

    a dramatic effect. 

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    11/27

    Pattern is often associated with printed fabrics, such as plaids, polka dots,

    and florals. Pattern is defined as a repetitive design, with the same motif

    appearing over and over again.

    Texture is the tactile quality of a surface. It can be actual or implied in two

    dimensional form. Texture can be rough or smooth, solid or porous, coarse

    or polished.

    Pattern and texture work together to create a sense of visual interest.

    The Elements of DesignTexture and Pattern

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    12/27

    Pattern is often associated with printed fabrics, such as plaids, polka dots,

    and florals. Pattern is defined as a repetitive design, with the same motif

    appearing over and over again.

    Texture is the tactile quality of a surface. It can be actual or implied in two

    dimensional form. Texture can be rough or smooth, solid or porous, coarse

    or polished.

    Pattern and texture work together to create a sense of visual interest.

    The Elements of DesignTexture and Pattern

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    13/27

    Actual texture refers to a texture that we can reach out and physically feel.

    Implied texture refers to texture created on a two dimensional surface that

    actually has a smooth surface when touched. Example- a photo or painting.

    The Elements of DesignActual Vs. Implied Texture

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    14/27

    Rhythm is the repetition of design elements at regular intervals. This helps

    to give a composition visual harmony by creating unity in a layout.

    Examples include the repetition of similar shapes, colors or textures. 

    The Elements of DesignRhythm and Repetition

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    15/27

    The lines and forms that lead the viewer s eye through a composition are

    referred to as direction. 

    Direction can help to create flow of how information is processed. 

    The Elements of DesignDirection

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    16/27

    Weight refers to the contrast in thick and thin lines within a layout.

    Variation in visual weight can add interest to selected areas of a

    composition and can help draw the viewer s eye through a piece of art,

    emphasizing important areas of information and deemphasizing others. 

    The Elements of DesignWeight

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    17/27

    Contrast refers to any variation between elements within a composition, such as

    difference in weight, size and texture of a composition.

    The Elements of DesignContrast

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    18/27

    Balance refers to the distribution of visual weight within a composition.

    Lack of balance disturbs the harmony of a composition.

     A work that is unbalanced visually creates tension.

    The Elements of DesignBalance

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    19/27

    Symmetrical Balance is when elements are arranged in a mirror image of

    one another on the vertical or horizontal axis of a page. Also known as

    formal balance. This type of balance is often seen in the architecture of

    buildings.

    This is the most familiar type of balance to the viewer. 

    The Elements of DesignSymmetrical vs. Asymmetrical Balance

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    20/27

    Asymmetrical balance occurs when elements in a design are not

    arranged as mirror images on a page. Also known as informal balance. 

    Can be created through the use of value, texture and size of elements

    within a composition. 

    The Elements of DesignSymmetrical vs. Asymmetrical Balance

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    21/27

    Very dark or saturated areas of color demand attention within a composition.

     An area of high contrast, even at a small size, will automatically draw the

    viewer s eye. Forms placed near the edge of a page can also draw more

    visual attention than forms placed directly in the center of a page. 

    Piet Mondrian, Composition in Red, Yellow, and Blue (1930) 

    The Elements of DesignSymmetrical vs. Asymmetrical Balance

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    22/27

    The Rule of Thirds refers to the idea of dividing a composition into thirds based

    on a grid. The most important elements of the composition fall on the lines in

    between to create a strong composition.

     A slightly off center balance is more visually interesting and harmonious than an

    evenly centered composition.

    The Elements of DesignThe Rule of Thirds

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    23/27

    Golden Mean: Relationship between sizes that is pleasing to the human eye. This concept

    was first formally recognized by the ancient Greeks, and examples of the golden mean can

    be observed through Greek artwork and architecture.

    This principle is based on the Fibonacci sequence, which is a series if numbers to denote

    proportions: 2,3,5,8,13,21,34,55,89,144,233, etc. The each number in this series is the sum

    of the two numbers proceeding it.

    The Elements of DesignThe Golden Mean

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    24/27

    The Fibonacci Sequence is also one of the most

    elemental building blocks found in nature.

    The golden mean appears in everything from atomic

    structures to galaxies.

    Graphic designers can use these proportions

    to create work that instinctively looksright.

    The Elements of DesignThe Golden Mean

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    25/27

    The Fibonacci Sequence is also one of the most

    elemental building blocks found in nature.

    The golden mean appears in everything from atomic

    structures to galaxies.

    Graphic designers can use these proportions

    to create work that instinctively looksright.

    The Elements of DesignThe Golden Mean

    Image Source: http://bit.ly/570o4l 

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    26/27

    Proportions are based on the number Pi, in which measurements are approximately

    1.618 times one another in a layout.

    In the example above, segment A is 1.618 times the size of segment B, and segment B is

    1.618 times the size of segment C.

    B and C added together equal the approximate length of segment A.

    This principle is based on the Fibonacci sequence, which is a series if numbers to denote

    proportions: 2,3,5,8,13,21,34,55,89,144,233, etc. The each number in this series is the sum

    of the two numbers proceeding it.

    The Elements of DesignThe Golden Mean

  • 8/18/2019 Designelements Ss 100125124053 Phpapp02

    27/27

    Design Harmony: The overall effect of design that is visually unified and in which

    elements flow together to make a successful layout. When all the elements of design

    work together in tandem, harmony is achieved.

    The Elements of DesignDesign Harmony