Type & Color Information Hierarchy Microsoft Word Adobe InDesign I Adobe InDesign II Adobe Photoshop Microsoft PowerPoint Quantitative Information Qualitative Information Abstractions Persuasion IPT 655 Visual Instructional Design Designing with C.R.A.P.
“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.” Discussion
How have ‘teachers’ used contrast in your life?
What role does contrast play in revelation?
Types of Contrast Size Weight Color/Value Texture Meaning Compound Contrast APA is so painful because… “C” is for CONTRAST
Consequences of Contrast Guides Attention Provides Interest Visual Oatmeal Low Interest Less Memorable Lose Attention
Repetition for Consistency Repetition for Rhythm Types of Repetition Elements Echoes Gestalt Principles Closure Continuance “R” is for REPETITION
Consequences of Repetition Unity Ease of Communication Fragmented Message Modularlization Unprofessional Look
Types of Alignment Right Left Center Justified/Ragged Using Grids Positive/Negative space Padding Edges “A” is for ALIGNMENT
Consequences of Alignment Order Clear Communication Sloppy Amatuer Slows Communication
Types of Proximity Grouping Organization Directional/Trajectory Proximity is about showing relationships “P” is for PROXIMITY
Consequences of Proximity Faster Communication Less Eye-strain Clarity of Message Eye Strain Misunderstanding Slower Communication
BETTER COMMUNICATION Better CRAP =
ReadShirky, “Here Comes Everybody”
Watch Shirky “Where do we find the time!?” (google it.)
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.