From Goya To Google: Traditional Design Principles at Work On The Web

Post on 28-Jan-2015

102 views 0 download

Tags:

description

... Or, "Everything I needed to know about Web Design I learned in Art History Class". Corey will show how traditional art utilizes foundational design principles and discuss how we use these ancient techniques for success on the web.

Transcript of From Goya To Google: Traditional Design Principles at Work On The Web

Principles of Design

Proportion, Unity, Variety, Balance, Direction, Pattern

Elements of DesignLine, Shape, Direction, Size, Texture, Color, Value

WHO CARES?

STOPIMITA-TING

staying up on trends is cool, but learn the basics

Principles of Design

Proportion, Unity, Variety, Balance, Direction, Pattern

PROPORTIONProportion is a measurement of the size and quantity of elements within a composition. Beginning with the Renaissance, artists recognized the connection between proportion and the illusion of 3-dimensional space.

Andrew Wyeth – Christina’s World

http://www.christiansparrow.com/

http://gregorywood.co.uk/

http://events.carsonified.com/

UNITY (HARMONY)

Unity or harmony is the quality of wholeness or oneness. The arrangement of elements to create a feeling of completeness.

Georges Braque – Harbour In Normandy

Grant Wood – American Gothic

http://nclud.com/

http://www.tnvacation.com/

http://www.msn.com

VARIETY (CONTRAST)The differences which give a design visual and conceptual interest: notably use of contrast, emphasis, difference in size and color. Contrast to show difference and diversity in an artwork by combining elements to create interest.

Joan Miro – Blue II

Salvador Dali – Dream Caused By The Flight Of A Bee

Kasimir Malevich – Suprematism NR. 58

http://carsonified.com/

http://www.webdesignerwall.com/

http://www.hawkart.com/

BALANCEBalance is arranging elements so that no one part of a work overpowers, or seems heavier than any other part. The three different kinds of balance are symmetrical, asymmetrical, and radial.

Salvador Dali – The Last Supper

Wassily Kandinsky – Autumn in Bavaria

Roger De La Fresnaye – Village at the Waters Edge

http://www.hicksdesign.co.uk/

http://www.galandesign.com/

DIRECTION (EMPHASIS)

Direction is the visual path our eye will follow. Emphasis refers to the object or element which first catches our attention.

Francisco Goya – The Shootings of May 3rd 1808

Umberto Boccioni – Dynamism of a Soccer Player

Lyonel Feininger – Zirchow VII

http://www.mica.edu/

http://www.patrickbizier.com/

http://www.semisture.com/

PATTERN (RHYTHM)

Pattern and rhythm is showing consistency with colors or lines. It can indicate movement by the repetition of elements.

Andy Warhol – 200 Campbell Soup Cans

Gustav Klimt – The Tree of Life

Piet Mondrian – Composition with Red, Yellow and Blue

http://www.joshuadavis.com/

http://forabeautifulweb.com/

http://www.squarespace.com/

<FIGHT>

DESIGN IS ART

ARTISTS vs DESIGNERS

WHICH SIDE ARE YOU ON?

http://www.flickr.com/photos/zsuggs/ http://www.flickr.com/photos/pietel/

MY ARGUMENT» Stop romanticizing it; let’s talk about Professionals

» Designers & Artists shared goal; Communication

» We all work under constraints

» We use the same tools to reach our goal

» Labels are stupid

</FIGHT>