23
Design Concepts Brad Halcrow Friday, 16 April 2010

Carp

  • Upload
    brad

  • View
    659

  • Download
    4

Embed Size (px)

DESCRIPTION

Hi,I've uploaded my preso from last night as PDF. It seems to have lost some of t

Citation preview

Page 1: Carp

Design ConceptsBrad Halcrow

Friday, 16 April 2010

Page 2: Carp

Friday, 16 April 2010

Page 3: Carp

Learn the rules before

you break them.

Friday, 16 April 2010

Page 4: Carp

Why?Well organised information helps the reader to easily understand...

What’s important?

What’s less important?

Friday, 16 April 2010

Page 5: Carp

C

A

R

P

How?

aka CRAP CARPFriday, 16 April 2010

Page 6: Carp

C

A

R

P

ontrast

lignment

epetition

roximity

How?

aka CRAP CARPFriday, 16 April 2010

Page 7: Carp

XContrast

CARPFriday, 16 April 2010

Page 8: Carp

Contrast

CARP

Page TitleThis is important >

You may also be interested in this if you have the patience to look down here but you’ve already most likely clicked on the big black link above so I don’t know why I’m even bothering to type this stuff.

2nd level importance >

This content I’d like to make stand out but I won’t be too offended if you’ve missed it, just as long as you’ve clicked on the big black box above.

2nd level importance >

I’ll be a bit upset if you

don’t read this bit here

because I’ve made it

obvious how important it is

You may also be interested in this if you have the patience to look down here but you’ve already most likely clicked on the big black link above so I don’t know why I’m even bothering to type this stuff.

Friday, 16 April 2010

Page 9: Carp

CARP

jason santa maria

View Chicago Tribune

Contrast

Friday, 16 April 2010

Page 10: Carp

CARP

elliott jay stocksContrast

Friday, 16 April 2010

Page 11: Carp

“... quality alignment and spacing is the hallmark of good web design...”

Alignment

Mike Rundle - carsonified.com

CARPFriday, 16 April 2010

Page 12: Carp

Page TitleThis is important >

You may also be interested in this if you have the patience to look down here but you’ve already most likely clicked on the big black link above so I don’t know why I’m even bothering to type this stuff.

2nd level importance >

This content I’d like to make stand out but I won’t be too offended if you’ve missed it, just as long as you’ve clicked on the big black box above.

2nd level importance >

I’ll be a bit upset if you

don’t read this bit here

because I’ve made it

obvious how important it is

You may also be interested in this if you have the patience to look down here but you’ve already most likely clicked on the big black link above so I don’t know why I’m even bothering to type this stuff.

Alignment

CARPFriday, 16 April 2010

Page 13: Carp

Alignment

an approach, not a rule

960 Grid System

CARPFriday, 16 April 2010

Page 16: Carp

Alignment analog

CARPFriday, 16 April 2010

Page 17: Carp

“... The repetition of design elements down a page reinforces their meaning to the user... “

Repetition

CARP

Mike Rundle - carsonified.com

Friday, 16 April 2010

Page 18: Carp

Repetition

CARPFriday, 16 April 2010

Page 19: Carp

“... The principle of proximity allows similar or related elements to be grouped together to form a cohesive whole ...”

Proximity

CARP

Mike Rundle - carsonified.com

Friday, 16 April 2010

Page 20: Carp

Proximity

src: http://www.webdesignerdepot.com

(Grouping)

CARPFriday, 16 April 2010

Page 21: Carp

Proximity

CARPFriday, 16 April 2010

Page 22: Carp

CARP

Colour

✦ The 3 2 1 rule

✦ Kuler (Adobe colour tool)

✦ ‘Colours of equal saturation will work together’

Google

✦ The Golden Mean

✦ Carsonified - how crap is your site design

Random Tips

Friday, 16 April 2010

Page 23: Carp

neurovision.com.au

@bradhalcrow

Friday, 16 April 2010