Treatments that effect typography Typography – Lesson 1 Treatments that effect typography

A vast majority of what is created by multimedia professionals includes type.

The word “typography” refers to the art and process of arranging type on a page.

Here are 5 treatments that effect typography

Font Face Type Type Type Type Type Type Type Type Type

Size A A A A A A A A A A A A

Color AAAAAAAAAA

Weight A A a a

Placement Apple aPple apPle appLe applE

Type has character Changing the typeface (font), size, color, weight, and placement of type in your design can add extra emphasis to your words and enhance the visual appeal of your message.

Take a look on the next slide Take a look on the next slide. Which one of the “anger words” would best describe the feeling of anger? Write your choice on a post-it-note and place it on the graph.

Which did you choose?

FONT DESIGN

Let’s Review! Can you name the five treatments that effect typography? Font face Size Weight Color Placement

Typography – Lesson 2 Get Creative!

Using typography is one of the most interesting and enjoyable parts of image creation.

There are all kinds of things you can create with letters, not just words! Sometimes just textures and designs are what works.

Here are a few that illustrate some creative uses of typography:

more

Try to read what I will show next

What conclusion can you draw from this illustration? Now see if it is a little easier to read the this one than the one before. What conclusion can you draw from this illustration?

If you said the tops of letters are more important than the bottoms, you are right! If you want to distort some part of the type in an image, which part should you keep in tact?

IMPORTANT PART OF LETTERS

You all know what a font is, we have discussed this before, but you may never have heard the following terms which are used to describe letters and fonts in graphic design: Serif and Sans Serif: The little "feet" you see on a type font are called "serifs"

Currently, I am using a font (type) called Arial Currently, I am using a font (type) called Arial. Arial has no serifs and is called "san (meaning without) serif"

Now, I am using a font (type) called Times New Roman Now, I am using a font (type) called Times New Roman. It has serifs and is called a serif font.

Identifying Type Faces Typography – Lesson 3 Identifying Type Faces

Each font face has a name. Fonts, like people are categorized by their “face”. That is they have a recognizable characteristics. Each font face has a name.

Categories of Font Faces Fonts can be classified by their style or category. Serif Font Sans Serif Font Script Font Decorative Font

LETTER SPACING

Typography – Lesson 4 Alignment

Text alignment is a pretty straight-forward principle and an action that most of you probably already know how to perform.

TOP Margins define the reading area of your page by separating the main text from the surrounding environment. LEFT RIGHT BOTTOM

Margins provide important visual relief in any document, and careful design of margins and other “white space” (blank space) is particularly important.

Margins and space can be used to delineate text from the other page elements provide unity by creating a consistent structure and look add visual interest by contrasting the positive space (text, graphics) from the negative (white) space

Left-justified text Centered text Right-justified text Justified text Text blocks have different ways of sitting within margins. This is known as alignment. Left-justified text Centered text Right-justified text Justified text

Most programs universally use the same menu icons or buttons to perform alignment.

“Flush left” is also known as “ranged left” or “ragged right” This refers to the shape the paragraph of text makes when set in this alignment so the left of the paragraph will appear to have a hard line and a ragged right edge.

“Flush right” is also known as “ranged right” or “ragged left” As suspected, the “flush/ranged right” or “ragged left” is the exact opposite.

When larger blocks of text are set to have a ragged left, we begin to realize that this makes it much harder to keep tabs on where we are at any point while reading. Our language is based on Latin and is read from left to right, which means when we learn to read we subconsciously use the left edge as a visual anchor.

What does this mean? Flush right should be used when setting small amounts of text that is meant to sit close to the right edge of a page or screen.

Centered text often creates an appealing and interesting shape on an aesthetic level, but it can also be hard to read.

Justified text can be seen most prevalently these days in newspapers and magazines. Justified text sets the paragraph with a flush left and a flush right.

Why should we learn about Alignment?

Because improper use of text alignment is one of the most common and overlooked mistakes of design. The impact that alignment has on readability cannot be overlooked.