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

1. Design Concepts
Brad Halcrow
Friday, 16 April 2010

2. Friday, 16 April 2010

3. Learn the
rules before
you break
them.
Friday, 16 April 2010

4. Why?
Well organised information helps the
reader to easily understand...
What’s important?
What’s less important?
Friday, 16 April 2010

5. How?
C
A
R
P
aka CRAP
Friday, 16 April 2010
CARP

6. How?
Contrast
Alignment
Repetition
Proximity
aka CRAP
Friday, 16 April 2010
CARP

7. Contrast
X
Friday, 16 April 2010
CARP

8. Contrast
Page Title
This is important > 2nd level
importance >
2nd level
importance >
You may also be interested in this if you have I’ll be a bit You may also be
upset if you interested in this if you
the patience to look down here but you’ve don’t read this have the patience to look
already most likely clicked on the big black bit here down here but you’ve
already most likely clicked
because I’ve
link above so I don’t know why I’m even made it
on the big black link
above so I don’t know
bothering to type this stuff. obvious how why I’m even bothering to
important it is type this stuff.
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.
Friday, 16 April 2010
CARP

9. Contrast jason santa maria
Friday, 16 April 2010
CARP
View Chicago Tribune

10. Contrast elliott jay stocks
Friday, 16 April 2010
CARP

11. Alignment
“... quality alignment and spacing is the
hallmark of good web design...”
Mike Rundle - carsonified.com
Friday, 16 April 2010
CARP

12. Alignment
Page Title
This is important > 2nd level
importance >
2nd level
importance >
You may also be interested in this if you have I’ll be a bit You may also be
upset if you interested in this if you
the patience to look down here but you’ve don’t read this have the patience to look
already most likely clicked on the big black bit here down here but you’ve
already most likely clicked
link above so I don’t know why I’m even because I’ve on the big black link
made it above so I don’t know
bothering to type this stuff. obvious how why I’m even bothering to
important it is type this stuff.
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.
Friday, 16 April 2010
CARP

13. Alignment
960 Grid System
an approach, not a rule
Friday, 16 April 2010
CARP

14. Alignment Koi vin
an approach, not a rule
Friday, 16 April 2010
CARP

15. Alignment Koi vin
Friday, 16 April 2010
CARP

16. Alignment analog
Friday, 16 April 2010
CARP

17. Repetition
“... The repetition of design elements
down a page reinforces their meaning
to the user... “
Mike Rundle - carsonified.com
Friday, 16 April 2010
CARP

18. Repetition
Friday, 16 April 2010
CARP

19. Proximity
“... The principle of proximity allows
similar or related elements to be
grouped together to form a cohesive
whole ...”
Mike Rundle - carsonified.com
Friday, 16 April 2010
CARP

20. Proximity
(Grouping)
src: http://www.webdesignerdepot.com
Friday, 16 April 2010
CARP

21. Proximity
Friday, 16 April 2010
CARP

22. Random Tips
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
Friday, 16 April 2010
CARP

23. neurovision.com.au
@bradhalcrow
Friday, 16 April 2010