20 Rules for Good DesignKick-ass styling tips

From Samara, Design Element: A Graphic Style Manual

Leonardo da Vinci

Concept of Flight Concept of Feminine Beauty

Fine Art

Coco Chanel sketch

Commercial Art

Web Interface Design!!

http://amusement-construction.com/

mini.htm

Example provided by

Luke!

“Form Carries Meaning.”Cubism 1908-11: instead of depicting objects from one viewpoint,

Braque and Picasso depicted their subject from a multitude of viewpoints to represent the subject in a greater context.

Fine Art

The Bauhaus

The design innovations commonly associated with Walter Gropius and the Bauhaus - the radically simplified forms, the rationality and functionality

Graphic Art

Web Interface Design!!

http://www.ohhcrapp.net/Examples provided by

Aaron!

Good design + aesthetics assumes that the visual language of the piece -- its internal logic -- is resolved to address all its parts so they

reinforce, restate and reference each other.

Fine Art

Ad “Campaigns”

Integration and consistency in ad campaigns helps promote a consistent design message across media and across platforms.

Graphic Art

Web Interface Design!!

http://www.volkswagen.com/vwcms/international_portal/

virtualmaster/en.htmlExample provided by

Bree!

Graphic Art

Graphic Art

Web Interface Design!!

http://www.mtv.comExample-ish provided

byBen!

Focus the viewer’s attention on one important thing first and then lead them through the rest.

Fine Art

Emphasis

Emphasis is the idea that some things are more important than others. Must establish a focal point and a visual heirarchy.

Graphic Art

Know what colours might mean to your audience.

Fine Art

Logo design

Colour carries an abundance of psychological and emotional meaning.

Graphic Art

Malevich: The more stuff jammed into a given space, the harder it is to see what we’re supposed to be seeing.

Fine Art

Graphic Art

Hitchcock: Space calls attention to imminent narrative action.

Film Mise En Scene

Graphic Art

Web Interface Design!!

www.commarts.comExample provided

byAdam!

Type needs to relate compositionally to everything else in the design.

Web Interface Design??

http://www.indianpad.com/pics/230587/pictures-

made-of-text/Example-ish provided

byKyle!

Type must still transmit information.

Graphic Art

Web Interface Design??

or can be Web “Art.”

THISExample-ish provided

bySavanna!

Graphic design comes

with an agenda.

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Web Interface Design??

ThisExample-ish provided by

Brianna!

Web Interface Design??

http://vandelaydesign.com/blog/design/photoshop-lighting-effects/

Example-ish provided bySavanna!

A great deal of the process of understanding visual material is the ability to distinguish the difference between things.

Designers need to perceive the visual presence — weight, texture, movement, angularity, transparency, contour.

Web Interface Design??

Example-ish provided by

Marissa!

Make what you need or

pay someone else to make

original artwork for

you.

Web Interface Design??

ThisExample-ish provided

byBrianna!

Design and style a project

around the meaning, not

the audience’s

expectations of current stylistic conceits.

Web Interface Design!!

h"p://www.future‐farm.com/Example

provided byAngela!

Designers have to work hard to give 2 dimensional surfaces the sense of movement.

Web Interface Design??

Example-ish provided by

Shannon!

Learn from the work of others but give it your own spin.

Web Interface Design!!

h"p://www.thebeatlesrockband.com/

videos/tvcommercial

Example provided byNathan!

Symmetrical presentations are often static and offer little movement.