Download - Graphic Design That Works - DevCamp 2015
GRAPHIC DESIGN THAT WORKS!
Practical Principles for Learning & Communication
Meg Fairchild, TorranceLearningB105, Learning DevCamp 2015
USE VISUAL COMMUNICATION FOR MEANING
Visuals carry a heavy load when learning… especially when learning in a second language.
Visuals provide extra context and immersive engagement.
Learning = making mental connections
GESTALT Five rules to think about when designing your elearning
GESTALT VISUAL PROCESSING PRINCIPLES
Law of Proximity: Put things that go together…together.
Law of Common Fate: Things that move together in the same direction are part of the same group.
Law of Similarity: We group things with common properties.
Law of Continuity: We continue a pattern beyond its ending.
Law of Closure: We will fill in the gaps to complete a shape.
GESTALT PRINCIPLES AT WORK
Law of Proximity: Put things that go together…together.
(And keep things that don’t go together…separate.)
GESTALT PRINCIPLES AT WORK
Law of Common Fate: Things that move together in the same direction are part of the same group.
GESTALT PRINCIPLES AT WORK
Law of Similarity: We group things with common properties.
GESTALT PRINCIPLES AT WORK
Law of Continuity: We continue a pattern beyond its ending.
From: http://digital-photography-school.com/using-tight-framing-to-create-a-sense-of-infinity
GESTALT PRINCIPLES AT WORK
Law of Closure: We will fill in the gaps to complete a shape.
CRAP Four principles to help remember how to NOT make crappy designs
CONTRAST
CONTRAST
CONTRAST
CONTRAST
CONTRAST
CONTRAST
REPETITION
Size, Shape, Color Family
Shape, Color
Color
REPETITION
ALIGNMENT
ALIGNMENT
PROXIMITY
PROXIMITY
ELEARNING DESIGN
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
PRINCIPLES FOR USING VISUALS IN ELEARNING
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
MULTIMEDIA PRINCIPLE We learn better from words and pictures than from words alone.
Hot Extrusion Process for CerealHere’s how hot cereal extrusion works. Ingredients such as soy, rice, wheat, and other grains, are fed into the live bin. This extruder has a preconditioner, which is a mixer which mixes or preconditions the flour or blend with steam, water and or malt. The preconditioner speeds up the cooking process by partially cooking the product before it hits the extruder barrel. This can increase throughputs, and can give the product different attributes in texture and appearance. The material is then passed to the Extruder barrel. Here it is forced through long screws that raise the temperature and pressure on the material to cook it and eventually give it its “puff” when it emerges.It’s forced through a die at the end of the Extruder barrel, giving the product its shape. After this, it’s cut into pieces.The product is then dried and packaged. At the end of the line, you can see finished, “wet” product coming off the conveyor.
Live Bin
Preconditioner
Extruder BarrelCutter
Conveyor to Dryer
PRINCIPLES FOR USING VISUALS IN ELEARNING
MULTIMEDIA PRINCIPLE
COHERENCE PRINCIPLE
We learn better when extraneous material is excluded rather than included.
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
PRINCIPLES FOR USING VISUALS IN ELEARNING
MULTIMEDIA PRINCIPLE
COHERENCE PRINCIPLE
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
MODALITY PRINCIPLE
We learn better from animation and narration than from animation and on-screen text.
PRINCIPLES FOR USING VISUALS IN ELEARNING
MULTIMEDIA PRINCIPLE
COHERENCE PRINCIPLE
MODALITY PRINCIPLE
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
SPATIAL CONTIGUITY PRINCIPLE
We learn better when corresponding words and pictures are presented near to each other rather than far from each on the page and screen.
PRINCIPLES FOR USING VISUALS IN ELEARNING
PRINCIPLES FOR USING VISUALS IN ELEARNING
MULTIMEDIA PRINCIPLE
COHERENCE PRINCIPLE
MODALITY PRINCIPLE
SPATIAL CONTIGUITY PRINCIPLE
TEMPORAL CONTIGUITY PRINCIPLE
We learn better when corresponding words and pictures are presented simultaneously rather than successively.
These principles are from e-Learning and the Science of Instruction by Ruth Colvin Clark & Richard E. Mayer, 2008
EVERYTHING MATTERS
Everything conveys meaning. Everything matters. If there’s no graphic to support it, don’t use one.
Use text instead. Or nothing.
This graphic adds no meaning to the slide!