19
Introduction to Introduction to Visual Literacy Visual Literacy

Introduction to Visual Literacy

Embed Size (px)

DESCRIPTION

Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)?. Why is it important for teachers and students to understand visual literacy ?. Basic Design Principles. Contrast Repetition Alignment Proximity. Contrast. - PowerPoint PPT Presentation

Citation preview

Page 1: Introduction to Visual Literacy

Introduction to Visual Introduction to Visual LiteracyLiteracy

Introduction to Visual Introduction to Visual LiteracyLiteracy

Page 2: Introduction to Visual Literacy

Essential Questions:Essential Questions:What does it mean to be a What does it mean to be a “Visually Literate Person” “Visually Literate Person”

(VLP)?(VLP)?

Essential Questions:Essential Questions:What does it mean to be a What does it mean to be a “Visually Literate Person” “Visually Literate Person”

(VLP)?(VLP)?

Why is it important for teachers Why is it important for teachers and students to understand and students to understand

visual literacyvisual literacy??

Page 3: Introduction to Visual Literacy

Basic Design Principles

• Contrast• Repetition• Alignment• Proximity

Page 4: Introduction to Visual Literacy

ContrastOne of the most effective ways to add visual interest to a page.

Page 5: Introduction to Visual Literacy

Contrast

Page 6: Introduction to Visual Literacy

RepetitionYou can repeat colors, shapes, textures, line thicknesses, fonts, sizes, graphic concepts, etc. This develops the organization and strengthens the unity.

Page 7: Introduction to Visual Literacy

Repetition

Page 8: Introduction to Visual Literacy

AlignmentNothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.

Page 9: Introduction to Visual Literacy

Alignment

Page 10: Introduction to Visual Literacy

Alignment

Page 11: Introduction to Visual Literacy

Alignment Activity

“Bad” v

ersion

Page 12: Introduction to Visual Literacy

Alignment Activity

“Good” v

ersion

Page 13: Introduction to Visual Literacy

ProximityItems relating to each other should be grouped close together. This helps organize information, reduces clutter, and gives the reader a clear structure.

Page 14: Introduction to Visual Literacy

Proximity

Page 15: Introduction to Visual Literacy

Putting It All Together

Page 16: Introduction to Visual Literacy

Basic Design Principles- Recap

• Contrast• Repetition• Alignment• Proximity

Page 17: Introduction to Visual Literacy

Typography• Sans Serif –No “feet” at the end

Use for titles, subtitles, and headings e.g. Arial

• Serif – Letters have “feet” Easier to read; best for body text e.g. Times New Roman

Page 18: Introduction to Visual Literacy

Typography• Use to add emphasis and personality to

text:

“Life’s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard

no more; it is a tale told by an idiot, full of sound and fury,

signifying nothing.”

Page 19: Introduction to Visual Literacy

Recommended Books• The Non-Designer’s Design

Book (2nd edition) Robin Williams

• Dynamics in Document Design: Creating Text for ReadersKaren A. Schriver