visual design for presentations

Visual Design for PresentationsA Brief Introduction

Omar Sosa-TzecSchool of Informatics & ComputingIndiana University Bloomington

GISA: Graduate Informatics Student AssociationSchool of Informatics and ComputingIndiana University BloomingtonFall 2014

A key consideration

Typographicsensitivity

informatics

informaticsAlegreya

Alegreya Sans

aCalibri

Size: 800

aHelveticaSize: 800

aCalibri

Size: 800

aCambriaSize: 800

fgCalibri

Size: 500

fgCambriaSize: 500

fg fg fg

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

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


Cambria Size: 34


Helvetica Size: 34


Georgia Pro Size: 34


Georgia Pro Size: 34Line: 1.1

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


Georgia Pro Size: 34Line: 1.1

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

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.



Lorem Ipsum Theory

Related visual principles

Line and shapes40px 30px 20px 10px

Line and shapes

Line and shapes heads up!

Line and shapes

Visual Tension

Visual Tension

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

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!

http://tzec.com

http://tzec.com

visual design for presentations

Documents