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

Principles of Design
Proportion, Unity, Variety, Balance, Direction, Pattern
Elements of Design
Line, 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

PROPORTION
Proportion 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/

BALANCE
Balance 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/

‘nother web example

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
http://www.flickr.com/photos/zsuggs/
http://www.flickr.com/photos/pietel/
WHICH SIDE ARE YOU ON?

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>

http://www.yucezerey.com	80
http://www.slideshare.net	25
http://breadedcod.wordpress.com	7
http://www.altsearchengines.com	4
http://www.e-presentations.us	2
http://startups.pl	1
http://blackboard.bccc.edu	1
http://www.breadedcod.com	1
http://www.hanrss.com	1
http://e-presentations.us	1

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

by Corey Greeneltch on Aug 21, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

10 Embeds 123

Statistics

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