A quick introduction to visual design for presentations. Slides of Friday GISA's talk-- Graduate Informatics Student Association. School of Informatics and Computing. Indiana University Bloomington.

1. Visual Design
for Presentations
A Brief Introduction
OmarSosa-Tzec
School of Informatics & Computing
Indiana University Bloomington
GISA: Graduate Informatics Student Association
School of Informatics and Computing
Indiana University Bloomington
Fall 2014

2. Akeyconsideration
Typographic
sensitivity

3. informatics
informatics
Alegreya
Alegreya Sans

4. aCalibri
Size: 800
aHelvetica
Size: 800

5. aCalibri
Size: 800
aCambria
Size: 800

6. aCalibri
Size: 800
aCambria
Size: 800

7. fgCalibri
Size: 500
fgCambria
Size: 500

8. fg fg fg

9. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Avenir Size: 34

10. Lorem
ipsum
dolor
sit
amet,
consectetur
adipiscing
elit.
Nam
suscipit
quam
eu
leo
blandit,
ac
moles8e
est
vehicula.
Nullam
commodo
felis
et
sapien
cursus,
id
ma;s
felis
8ncidunt.
Suspendisse
mi
nisl,
moles8e
in
suscipit
at,
dignissim
aliquam
leo.
Praesent
bibendum
dolor
ac
por;tor
bibendum.
Vivamus
odio
augue,
auctor
in
laoreet
eget,
rhoncus
ut
diam.
Mauris
eros
enim,
pulvinar
eget
tortor
a,
semper
feugiat
nulla.
Aenean
mollis
erat
sed
ligula
blandit,
id
lobor8s
nulla
ma;s.
Nulla
congue
ullamcorper
sapien
at
vehicula.
Calibri Size: 34

11. Lorem
ipsum
dolor
sit
amet,
consectetur
adipiscing
elit.
Nam
suscipit
quam
eu
leo
blandit,
ac
molestie
est
vehicula.
Nullam
commodo
felis
et
sapien
cursus,
id
mattis
felis
tincidunt.
Suspendisse
mi
nisl,
molestie
in
suscipit
at,
dignissim
aliquam
leo.
Praesent
bibendum
dolor
ac
porttitor
bibendum.
Vivamus
odio
augue,
auctor
in
laoreet
eget,
rhoncus
ut
diam.
Mauris
eros
enim,
pulvinar
eget
tortor
a,
semper
feugiat
nulla.
Aenean
mollis
erat
sed
ligula
blandit,
id
lobortis
nulla
mattis.
Nulla
congue
ullamcorper
sapien
at
vehicula.
Cambria Size: 34

12. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Helvetica Size: 34

13. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34

14. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34
Line: 1.1

15. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34 - Line: 1.5

16. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34
Line: 1.1

17. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Georgia Pro Size: 34
Line: 1.1

18. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Georgia Pro Size: 34
Line: 1.1

19. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nam suscipit quam eu leo
blandit, ac molestie est vehicula. Nullam
commodo felis et sapien cursus, id mattis
felis tincidunt. Suspendisse mi nisl, molestie
in suscipit at, dignissim aliquam leo.
Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget,
rhoncus ut diam. Mauris eros enim, pulvinar
eget tortor a, semper feugiat nulla. Aenean
mollis erat sed ligula blandit, id lobortis
nulla mattis. Nulla congue ullamcorper
sapien at vehicula. Georgia Pro Size: 34
Line: 1.1

20. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.

21. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.

22. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.

23. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
LoremIpsumTheory

24. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.

25. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
LoremIpsumTheory

26. Relatedvisualprinciples

27. Lineandshapes
40px 30px 20px 10px

28. Lineandshapes

29. Lineandshapes

30. Lineandshapes

31. Lineandshapes heads up!

32. Lineandshapes heads up!

33. Lineandshapes

34. VisualTension

35. VisualTension

36. VisualTension

37. VisualTension

38. VisualTension

39. VisualTension

40. VisualTension

41. VisualTension

42. VisualTension

43. VisualTension
Over’s interface is an example of visual
synecdoche in interface design

44. VisualTension
Over’s interface is an example of visual
synecdoche in interface design

45. http://tzec.com
The images here shown are property of their author, and some
of them have been taken from the results of a web search.
All of them are employed for mere academic purposes.
Thank you!