Ipt655 Wk3 C.R.A.P. Design

1,394 views
1,321 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,394
On SlideShare
0
From Embeds
0
Number of Embeds
34
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ipt655 Wk3 C.R.A.P. Design

  1. 1. Introductions<br />Balance<br /><ul><li> C.R.A.P. Design</li></ul>Type & Color<br />Information Hierarchy<br />Microsoft Word<br />Adobe InDesign I<br />Adobe InDesign II<br />Adobe Photoshop<br />Microsoft PowerPoint<br />Quantitative Information<br />Qualitative Information<br />Abstractions<br />Persuasion<br />IPT 655 Visual Instructional Design<br />Designing with C.R.A.P.<br />
  2. 2. “Contrast creates outlines, borders, shape. When there is too much diffuse light, for instance, when there is light pollution, it can be hard to see the stars, even when it is mostly dark. On the other hand, when it is completely dark, it is possible that too many things to be seen at once and someone viewing the heavens can be overcome not only with a feeling of awe, but with a feeling of disorientation. As teachers part of our task is to decide how much to simplify things.” <br />Discussion<br /><ul><li> How have ‘teachers’ used contrast in your life?
  3. 3. What role does contrast play in revelation?</li></li></ul><li>critique<br />
  4. 4. Types of Contrast<br />Size<br />Weight<br />Color/Value<br />Texture<br />Meaning<br />Compound Contrast<br />APA is so painful because…<br />“C” is for CONTRAST<br />
  5. 5. Consequences of Contrast<br />Guides Attention<br />Provides Interest<br />Visual Oatmeal<br />Low Interest<br />Less Memorable<br />Lose Attention<br />
  6. 6. Repetition for Consistency<br />Repetition for Rhythm<br />Types of Repetition<br />Elements<br />Echoes<br />Gestalt Principles<br />Closure<br />Continuance<br />“R” is for REPETITION<br />
  7. 7. Consequences of Repetition<br />Unity<br />Ease of Communication<br />Fragmented Message<br />Modularlization<br />Unprofessional Look<br />
  8. 8. Types of Alignment<br />Right<br />Left<br />Center<br />Justified/Ragged<br />Using Grids<br />Positive/Negative space<br />Padding <br />Edges<br />“A” is for ALIGNMENT<br />
  9. 9. Consequences of Alignment<br />Order<br />Clear Communication<br />Sloppy<br />Amatuer<br />Slows Communication<br />
  10. 10. Types of Proximity<br />Grouping<br />Organization<br />Directional/Trajectory<br />Proximity is about showing relationships<br />“P” is for PROXIMITY<br />
  11. 11. Consequences of Proximity<br />Faster Communication<br />Less Eye-strain<br />Clarity of Message<br />Eye Strain<br />Misunderstanding<br />Slower Communication<br />
  12. 12. BETTER COMMUNICATION<br />Better CRAP = <br />
  13. 13. Exercise<br />
  14. 14. <ul><li>ReadShirky, “Here Comes Everybody”
  15. 15. Watch Shirky “Where do we find the time!?” (google it.)
  16. 16. Collect at least 1 example and 1 non-example of each of the CRAP principles in design artifacts. Make an improvement of 1 non-example by sketching, photo-copying or scanning to edit. </li></ul>Assignment<br />

×