Carp

779 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
779
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Carp

  1. 1. Design Concepts Brad Halcrow Friday, 16 April 2010
  2. 2. Friday, 16 April 2010
  3. 3. Learn the rules before you break them. Friday, 16 April 2010
  4. 4. Why? Well organised information helps the reader to easily understand... What’s important? What’s less important? Friday, 16 April 2010
  5. 5. How? C A R P aka CRAP Friday, 16 April 2010 CARP
  6. 6. How? Contrast Alignment Repetition Proximity aka CRAP Friday, 16 April 2010 CARP
  7. 7. Contrast X Friday, 16 April 2010 CARP
  8. 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. 9. Contrast jason santa maria Friday, 16 April 2010 CARP View Chicago Tribune
  10. 10. Contrast elliott jay stocks Friday, 16 April 2010 CARP
  11. 11. Alignment “... quality alignment and spacing is the hallmark of good web design...” Mike Rundle - carsonified.com Friday, 16 April 2010 CARP
  12. 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. 13. Alignment 960 Grid System an approach, not a rule Friday, 16 April 2010 CARP
  14. 14. Alignment Koi vin an approach, not a rule Friday, 16 April 2010 CARP
  15. 15. Alignment Koi vin Friday, 16 April 2010 CARP
  16. 16. Alignment analog Friday, 16 April 2010 CARP
  17. 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. 18. Repetition Friday, 16 April 2010 CARP
  19. 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. 20. Proximity (Grouping) src: http://www.webdesignerdepot.com Friday, 16 April 2010 CARP
  21. 21. Proximity Friday, 16 April 2010 CARP
  22. 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. 23. neurovision.com.au @bradhalcrow Friday, 16 April 2010

×