Visual Rhetoric for Student Writers Brought to you by the Writing Lab at Purdue
What is Visual Rhetoric? <ul><li>Definitions and applications </li></ul><ul><ul><li>Use of images as argument </li></ul></...
Focus of this Workshop <ul><li>Text elements </li></ul><ul><ul><li>How type functions and choosing fonts </li></ul></ul><u...
How Type Functions <ul><li>“ Personalities” of type </li></ul><ul><ul><li>Formal and informal fonts </li></ul></ul><ul><ul...
Font Personalities Example
Choosing Appropriate Fonts <ul><li>Font choice will build or harm  ethos  (moral character) </li></ul><ul><ul><li>Context ...
Font Choice Example 1
Font Choice Example 2
Headline Versus Body Text <ul><li>How text functions </li></ul><ul><ul><li>Type of text dictates font choice </li></ul></u...
Headline & Body Text Example
Text and the Web <ul><li>Differences between print and the Web </li></ul><ul><ul><li>Accommodating users and browsers </li...
Color and Contrast <ul><li>Most basic and critical choice </li></ul><ul><ul><li>Black text on white background shows high ...
Font Contrast Example
Computer Screens and Color <ul><li>Pixels and colors on screen </li></ul><ul><ul><li>RGB values </li></ul></ul><ul><ul><li...
More Color Examples
Clip Art <ul><li>Using packaged clip art </li></ul><ul><ul><li>Avoid the “cartoony” effect </li></ul></ul><ul><ul><li>Choo...
Clip Art Examples
Illustrations and Diagrams <ul><li>Purpose to inform </li></ul><ul><ul><li>Conveys specific information </li></ul></ul><ul...
Graphs <ul><li>Choosing how to represent quantitative information </li></ul><ul><ul><li>Pie charts and showing parts of a ...
Photographs <ul><li>Found images versus captured photographs </li></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Co...
Photo Examples
Overall Design <ul><li>Creating paths for the eye </li></ul><ul><ul><li>Striking, eye-catching elements </li></ul></ul><ul...
Stepping Back <ul><li>Is your design clarifying your information?  </li></ul><ul><li>Is your design unique enough to make ...
Additional Resources <ul><li>The Non-Designer’s Design Book  and  The Non-Designer’s Web Book , both by Robin Williams </l...
For More Assistance <ul><li>The Writing Lab at Purdue </li></ul><ul><li>226 Heavilon Hall </li></ul><ul><li>4-3723 </li></...
Upcoming SlideShare
Loading in...5
×

Visual Rhetoric

1,428

Published on

From Purdue University

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,428
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • &lt;HAVE THIS INITIAL SLIDE FULLY VISIBLE BEFORE STUDENTS BEGIN FILTERING INTO THE WORKSHOP SPACE.&gt; Welcome to this workshop on Visual Rhetoric for Student Writers. This workshop is brought to you by the Writing Lab at Purdue. Your teachers may have recommended that you come to this workshop to learn strategies for designing multimedia and visual-based projects with more rhetorical understanding. But you may be asking, “What, exactly, is visual rhetoric?” &lt;ADVANCE TO NEXT SLIDE.&gt;
  • Visual Rhetoric

    1. 1. Visual Rhetoric for Student Writers Brought to you by the Writing Lab at Purdue
    2. 2. What is Visual Rhetoric? <ul><li>Definitions and applications </li></ul><ul><ul><li>Use of images as argument </li></ul></ul><ul><ul><li>Arrangement of elements on a page </li></ul></ul><ul><ul><li>Use of typography </li></ul></ul><ul><ul><li>Analysis of existing images and visuals </li></ul></ul>
    3. 3. Focus of this Workshop <ul><li>Text elements </li></ul><ul><ul><li>How type functions and choosing fonts </li></ul></ul><ul><ul><li>Headline versus body text </li></ul></ul><ul><ul><li>Text and the Web </li></ul></ul><ul><li>Color </li></ul><ul><li>Visuals and graphics </li></ul><ul><ul><li>Clip art </li></ul></ul><ul><ul><li>Illustrations and diagrams </li></ul></ul><ul><ul><li>Graphs </li></ul></ul><ul><ul><li>Photographs and manipulated images </li></ul></ul><ul><li>Overall design </li></ul>
    4. 4. How Type Functions <ul><li>“ Personalities” of type </li></ul><ul><ul><li>Formal and informal fonts </li></ul></ul><ul><ul><li>Consequences and font choices </li></ul></ul><ul><ul><ul><li>Consider effect of font choice </li></ul></ul></ul><ul><ul><ul><li>Personality and appropriateness </li></ul></ul></ul>
    5. 5. Font Personalities Example
    6. 6. Choosing Appropriate Fonts <ul><li>Font choice will build or harm ethos (moral character) </li></ul><ul><ul><li>Context and purpose of document is important </li></ul></ul><ul><ul><li>Cultural and visual associations of fonts should fit document </li></ul></ul>
    7. 7. Font Choice Example 1
    8. 8. Font Choice Example 2
    9. 9. Headline Versus Body Text <ul><li>How text functions </li></ul><ul><ul><li>Type of text dictates font choice </li></ul></ul><ul><ul><ul><li>Emphasis and attention </li></ul></ul></ul><ul><ul><ul><li>Information </li></ul></ul></ul><ul><ul><li>Sustained readability </li></ul></ul>
    10. 10. Headline & Body Text Example
    11. 11. Text and the Web <ul><li>Differences between print and the Web </li></ul><ul><ul><li>Accommodating users and browsers </li></ul></ul><ul><ul><li>HTML standard fonts </li></ul></ul><ul><ul><li>Screen readability </li></ul></ul>
    12. 12. Color and Contrast <ul><li>Most basic and critical choice </li></ul><ul><ul><li>Black text on white background shows high contrast and is most common </li></ul></ul><ul><ul><li>White text on black background is not ideal </li></ul></ul>
    13. 13. Font Contrast Example
    14. 14. Computer Screens and Color <ul><li>Pixels and colors on screen </li></ul><ul><ul><li>RGB values </li></ul></ul><ul><ul><li>Color saturation </li></ul></ul><ul><li>Cultural associations of color </li></ul>
    15. 15. More Color Examples
    16. 16. Clip Art <ul><li>Using packaged clip art </li></ul><ul><ul><li>Avoid the “cartoony” effect </li></ul></ul><ul><ul><li>Choose clip art that truly fits the purpose of the document </li></ul></ul><ul><ul><li>Match design schemes </li></ul></ul><ul><li>Consider creating images </li></ul>
    17. 17. Clip Art Examples
    18. 18. Illustrations and Diagrams <ul><li>Purpose to inform </li></ul><ul><ul><li>Conveys specific information </li></ul></ul><ul><ul><li>Relates to content in document </li></ul></ul><ul><ul><li>More than an accent </li></ul></ul><ul><li>Striving for clarity </li></ul><ul><ul><li>Avoid clutter </li></ul></ul><ul><ul><li>Choose selective pictures of reality </li></ul></ul><ul><ul><li>Break up large amounts of information </li></ul></ul>
    19. 19. Graphs <ul><li>Choosing how to represent quantitative information </li></ul><ul><ul><li>Pie charts and showing parts of a whole </li></ul></ul><ul><ul><li>Bar graphs and numeric comparisons </li></ul></ul><ul><ul><li>Line graphs and plotting changes </li></ul></ul>
    20. 20. Photographs <ul><li>Found images versus captured photographs </li></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Composition and quality </li></ul></ul><ul><li>Achieving effects with photos </li></ul>
    21. 21. Photo Examples
    22. 22. Overall Design <ul><li>Creating paths for the eye </li></ul><ul><ul><li>Striking, eye-catching elements </li></ul></ul><ul><ul><li>Finding information easily </li></ul></ul><ul><li>Design as rhetorical organization </li></ul><ul><li>Consistency in design </li></ul><ul><ul><li>Avoid “kitchen-sink syndrome” </li></ul></ul><ul><ul><li>Pitfalls of pre-fab templates </li></ul></ul>
    23. 23. Stepping Back <ul><li>Is your design clarifying your information? </li></ul><ul><li>Is your design unique enough to make it stand out? </li></ul><ul><li>Is your design readable from its intended distance? </li></ul><ul><li>Have you checked for typos and errors? </li></ul><ul><li>When designing for the Web, have you checked your design on different computers and in different browsers? </li></ul>
    24. 24. Additional Resources <ul><li>The Non-Designer’s Design Book and The Non-Designer’s Web Book , both by Robin Williams </li></ul><ul><li>Color Index by Jim Krause </li></ul><ul><li>Idea Index by Jim Krause </li></ul><ul><li>What is Graphic Design? by Quentin Newark </li></ul>
    25. 25. For More Assistance <ul><li>The Writing Lab at Purdue </li></ul><ul><li>226 Heavilon Hall </li></ul><ul><li>4-3723 </li></ul><ul><li>http://owl.english.purdue.edu </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×