20
Chapter 19 Visual Design

Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Embed Size (px)

Citation preview

Page 1: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Chapter 19

Visual Design

Page 2: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 2

Chapter overview

• Two reasons to consider visual design in a writing class

• Basic principles of visual design

• Basic purposes of visual design

Page 3: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 3

Why look at visual designin a writing course?

There are two reasons:

• The ability to read and evaluate visual messages has become part of the new kind of literacy.

• Visual design is a factor in producing print and digital texts.

Page 4: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 4

The goal of the chapter

• See the intro to the chapter, page 564.

• To help you understand design so that you can produce documents that

1. Fit the situation

2. Help readers navigate the page (move around to find the important information)

3. Influence readers in ways that you intend

Page 5: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 5

Company logos and trademarks

• Everyday we see thousands of logos and trademarks, from our breakfast cereal to our vehicle, computer, jeans, and favorite fast food.

• We see signs for Coke, Pepsi,, Dell, Gateway, Hyvee, Ford, Lee, Disney & more!

Page 6: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 6

Visual designand purpose: Information

• One of the main functions of design is to identify things, places, publications, and organizations.

Page 7: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 7

Three kinds of visual information

• Textual

• Representational

• Numerical

We will look at each type now.

Page 8: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 8

Textual graphics

• Used to organize and display words, phrases, sentences, or paragraphs.

• Emphasize key points.

Page 9: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 9

Textual graphics: examples

• Sidebars and information boxes

• Tables

• Time lines

• Flowcharts and organizational charts

Page 10: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 10

Representational graphics

• Refers to the use of pictures to orient readers in time and space

• Also used to illustrate processes (for example, how to change the oil, the process of photosynthesis, or how to burn a CD)

Page 11: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 11

Representational graphics, cont.

• Show the relationships of objects to each other

• Capture events (the big football game, celebrating a successful campaign, wedding and baby photos)

• Think of how hard it would be to perform many tasks without some pictures to guide you, and how much we value pictures of special events and people.

Page 12: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 12

Numerical graphics

• The final type of visual is numerical. This includes the following:

• Tables of numbers

• Line graphs

• Bar charts

• Pie charts

Page 13: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 13

Ethics

• Notice the comment about how easy it is to distort things (either by accident or intention) with visuals.

• There is an example, too. The first graph exaggerates the increase in fuel efficiency of cars. The revised graph on the next page is much closer to the truth.

Page 14: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 14

A Second Purpose: Persuasion

• Visuals can have a very persuasive impact: Remember the photos of the burning twin towers and reports of people buying flags, red and blue ribbons, donating blood and giving money?

• See the posters on page 575: The Uncle Sam poster is one of the definitive images of our country during that era.

• Note the other images in this section.

Page 15: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 15

Four Basic Principles

• Group similar items together

• Align visual elements

• Use repetition and contrast to create consistent visual patterns

• Add visual interest

Page 16: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 16

Working with type

• We won’t cover every detail in this section, but you should look it over; several items are extremely important.

• We need white space, so chunk down paragraphs and make them more readable.

• It’s difficult to read ALL CAPS.

• Some type faces are easier to read than others: Many should be used sparingly, and only for titles or decorative purposes.

Page 17: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 17

Planning a visual design

• See page 586 for five things to consider when planning a visual design.

• Notice that this section echoes the writing process: planning, making a rough sketch, and then producing a more polished final product.

Page 18: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 18

Keep this book!

• Many of you will end up helping to produce a flyer, newsletter, brochure, or other print publication.

• This chapter lists guidelines for each one, pointing out the features of successful examples.

Page 19: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 19

Newsweek and visual design

• Grab one of the issues of Newsweek magazine and take a look.

• Notice how skillfully it uses the four basic principles in visual design in the overall page layout, as well as in ads.

• Notice how the mix of text, white space, photographs, and other graphics create a very appealing layout that invites you to read.

Page 20: Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a

Copyright © Houghton Mifflin Company. All rights reserved. 19 | 20

Student Companion Website

• Go to the student side of the Web site for exercises, chapter overviews, and links to writing resources for this chapter:

http://college.hmco.com/pic/trimbur4e