Typography and Imagery in Design

1. Typography and Imageryin Design Presented by Ashley Reeder

2. Typography in Design People’s perception and understanding of print depends upon how it is presented. The goal is to: • engage an audience • create visual appeal • communicate a clear message

3. Step 1: Hierarchy The designer must determine the most important component and bring it to the forefront of a design. Hierarchy Techniques: • size/scale • color • negative space

4. Step 2: Balance Balance is the distribution of type and other design elements. There are two types: • symmetrical • a sy mm etrical

5. Step 3: Proportion It helps to determine proportion by aligning a design within a grid. A grid helps to maintain: • clarity • legibility • balance • unity

6. Proportion and Type Alignments There are several variations of type alignments, including: • flush left/ragged right • flush right/ragged left • justified • centered

7. Step 4: Shape Typography can also serve as shapes in a design

8. Step 5: Texture Type can lend texture to a composition depending upon the: • weight • negative space • line of type • lettersp a cing • layering

9. Categorizing Typefaces Type falls into two basic categories: • text • display • Text typefaces are used when legibility is an issue, especially with small print and a lot of text.  - Display typefaces are used when projecting a mood or attitude. These are typical of names, logos, titles, headlines and other short passages.

10. Typeface Classifications Type also falls into two additional classifications: • Serif • Sans Serif -Serif type includes a short, extra stroke on the letter while Sans Serif does not.

11. Typographic Terms • Character: individual letters, numbers, and punctuation. • Letterform: style and form of each individual letter in an alphabet. • Typeface: design of a single set of letters, numbers or punctuation marked by consistent properties. Identified by name.

12. Typographic Terms • Type Family: a range of style based on a single typeface. • Type Font: a complete set of letters, numbers and punctuation that allow for typesetting by keystroke. • Type Style: modifications in a type that create design variety while maintaining the character of the typeface. Includes weight, width or angle.

13. Typographic Terms • Uppercase: capital or larger letters of a type font. • Line Length: the horizontal length of a line of type, typically measured in picas or inches. • Point Size: a unit for measuring the height of type and distance between lines of type.

14. Imagery in Design Imagery in design accomplishes the following: • arouses curiosity • grabs a viewers attention • results in an emotional response

15. Types of Imagery-Photography Photographs are the most credible type of imagery because they are perceived as real.

16. Photography Uses in Design • informative content is key, such as journalism or news channels • accuracy or recognition is important • advertising is the medium

17. Photographic Design Tips • work the design around the photograph • crop to the best part of the photo • do not try to enlarge a small scale photo • photographs with strong emotional or aesthetic appeal deserve prominence

18. Types of Imagery-Illustration • Illustrations are appropriate when an emotion needs to be enhanced. • Illustrations can help to represent something that cannot be seen or to convey a complex idea.

19. Sources for Imagery • royalty free collections • stock agencies • commissioned • fonts • found imagery

20. Image Terminology Press houses and scanning manufacturers have their own terminology. Some of these buzz words include: • continuous tone • grayscale • halftone • line art

21. Symbols and Logos • Symbols and logos are illustrations stripped down to their simplest forms.

22. Simple Image Terms • Ideogram/Ideograph-an image that represents an idea. • Logo-represents a product, brand, company or group. • Logotype-letters, words or a name representing a product, brand, company or group.

23. Simple Image Terms • Mark-a symbol used to represent a product, brand, company or group. • Pictogram/Pictograph-an image that conveys an object or activity. • Symbol-letter or sign representing an activity, idea or object.

24. Informational Imagery • This imagery informs people when a universal understanding is required and words cannot suffice. • Good examples of informational imagery are maps and signage.

25. Charts and Graphs   Charts and graphs are another form of informational imagery. They accomplish the following: • convey statistics • engage a viewer’s attention • compare data The most common are: • pie charts • bar charts • graphs

26. Design Challenges The greatest challenge in design is limiting your options. Four main restrictions help do so: • the reproduction process • the client specifications • the budget • the deadline

27. Choose A Look Communicating a feeling, idea or message takes a specific “look” depending upon the content. This could include: • a generic look • a corporate look • a visual-wow look • an info-heavy look • an omnibus look • a typographic look • a trendy look

28. Creating Visual Impact Visual impact is achieved through the following elements: • size • color • the unexpected • visual puns • unconventional

29. Bibliography The Elements of Design 2nd edition, Poppy Evans and Mark A. Thomas Robin Williams Design Workshop 2nd edition, Robin Williams and John Tollett.