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

52

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

Page 1: From Goya To Google: Traditional Design Principles at Work On The Web
Page 2: From Goya To Google: Traditional Design Principles at Work On The Web
Page 3: From Goya To Google: Traditional Design Principles at Work On The Web
Page 4: 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

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

WHO CARES?

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

STOPIMITA-TING

staying up on trends is cool, but learn the basics

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

Principles of Design

Proportion, Unity, Variety, Balance, Direction, Pattern

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

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.

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

Andrew Wyeth – Christina’s World

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

http://www.christiansparrow.com/

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

http://gregorywood.co.uk/

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

http://events.carsonified.com/

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

UNITY (HARMONY)

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

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

Georges Braque – Harbour In Normandy

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

Grant Wood – American Gothic

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

http://nclud.com/

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

http://www.tnvacation.com/

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

http://www.msn.com

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

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.

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

Joan Miro – Blue II

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

Salvador Dali – Dream Caused By The Flight Of A Bee

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

Kasimir Malevich – Suprematism NR. 58

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

http://carsonified.com/

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

http://www.webdesignerwall.com/

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

http://www.hawkart.com/

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

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.

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

Salvador Dali – The Last Supper

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

Wassily Kandinsky – Autumn in Bavaria

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

Roger De La Fresnaye – Village at the Waters Edge

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

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

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

http://www.galandesign.com/

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

DIRECTION (EMPHASIS)

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

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

Francisco Goya – The Shootings of May 3rd 1808

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

Umberto Boccioni – Dynamism of a Soccer Player

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

Lyonel Feininger – Zirchow VII

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

http://www.mica.edu/

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

http://www.patrickbizier.com/

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

http://www.semisture.com/

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

PATTERN (RHYTHM)

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

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

Andy Warhol – 200 Campbell Soup Cans

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

Gustav Klimt – The Tree of Life

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

Piet Mondrian – Composition with Red, Yellow and Blue

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

http://www.joshuadavis.com/

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

http://forabeautifulweb.com/

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

http://www.squarespace.com/

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

<FIGHT>

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

DESIGN IS ART

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

ARTISTS vs DESIGNERS

WHICH SIDE ARE YOU ON?

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

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

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

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

</FIGHT>

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