Principles of presentation design crap by james ngatia
-
Upload
james-ngatia -
Category
Documents
-
view
1.160 -
download
1
description
Transcript of Principles of presentation design crap by james ngatia
![Page 1: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/1.jpg)
CRAPThe version by James Ngatia
![Page 2: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/2.jpg)
ContrastRAP
![Page 3: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/3.jpg)
![Page 4: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/4.jpg)
Learn the principles
Recognize when you’re not using
Apply the principles
Good design is as easy as …
123
Put it into words – name the problem
They’re simpler than you might think
You’ll be amazed
![Page 5: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/5.jpg)
![Page 6: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/6.jpg)
1
2
3
4
5
Contrast make different things different
Brings out dominant elements
Mutes lesser elements
Creates dynamism
![Page 7: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/7.jpg)
ContrastRepetitionAP
![Page 8: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/8.jpg)
Repetition creates unity
Repeat design throughout the interface for consistency.
1
2 3
4
![Page 9: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/9.jpg)
![Page 10: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/10.jpg)
ContrastRepetitionAlignmentP
![Page 11: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/11.jpg)
![Page 12: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/12.jpg)
![Page 13: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/13.jpg)
![Page 14: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/14.jpg)
Alignment creates a visual flow & visually connects elements 1
2
3
4
![Page 15: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/15.jpg)
![Page 16: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/16.jpg)
ContrastRepetitionAlignmentProximity
![Page 17: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/17.jpg)
![Page 18: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/18.jpg)
Proximity groups related elements.
Separates unrelated ones.1
2
3
![Page 19: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/19.jpg)
CRAP
![Page 20: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/20.jpg)
ContrastRepetitionAlignmentProximity
![Page 21: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/21.jpg)
RECAP
![Page 22: Principles of presentation design crap by james ngatia](https://reader034.fdocuments.net/reader034/viewer/2022042813/546b9922b4af9f612c8b4cf2/html5/thumbnails/22.jpg)
CRAP combines to give you cues of how to read the graphic.
title
subtext
three points
main point
sub point