2010 mass size and texture lecture

8/14/2019 2010 Mass Size and Texture Lecture

http://slidepdf.com/reader/full/2010-mass-size-and-texture-lecture 1/21

3/12/10

1

Lecture Objectives:

• By the end of this lecture, you should be able to: – Describe how mass relates to graphic design – Explain how size relates to graphic design – Recognize good and bad use of texture in graphic

design



3/12/10

3

Mass

• While the paper projects you create have acertain size because of the size and weight of thepaper, visual mass — how light or heavy itappears — is also an element of the design.

• Each piece you create has a physical mass.

Mass

• Additionally, each element within the design(graphics, photos, lines, text blocks) have their own mass relative to the whole piece.



3/12/10

4

Use of Mass in

Design• To accommodate information or

content – Example: To present all the desired or

needed information comfortably adesigner may create a bi-fold ratherthan the usual single business card



3/12/10

5

Use of Mass in

Design• To accommodate normal size

restraints or expectations – Example: The postal service has

limitations on the height and width of different types of envelopes. If adesigner ignores those requirements itcould incur additional mailing costs forthe client.

Use of Mass inDesign



3/12/10

6

Use of Mass in

Design• To convey a mood or provide

emphasis– Example: A place that is physically large

(such as an amusement park) or abusiness that offers a huge assortmentof products may use brochures or othermarketing pieces that are larger(physical dimensions) or heavier(weight) than normal to carry out the'bigger' or 'more' theme.



3/12/10

9

Size

• X-Height is not the average height of all theX-Men

• There are several different size aspects of astandard typeface that affects its appearance,readability, and suitability to different tasks.

• The point size of a font is a measure of theoverall space that the characters occupy not theactual size of any individual character.

Size

• In addition to point size, caps height andx-height are two other measures of importance.

• All three are moving targets.• That is, two fonts at 72 points can have

vastly different visual size due to capsheight, x-height, and other factors specificto that font.



3/12/10

10

Size

• This image shows one font and some of it sizefactors.

• The font size is 72 points.• The distance between the two blue lines is 1 inch.• As you can probably tell, none of these characters

are 1 inch (or even .996264 in.) tall.

Size• The red line that the type

sits on is the baseline .• The tail (descender) of

the lower case g extendsbelow the baseline.

• The baseline is thestarting point for severaltype-relatedmeasurements includingx-height, caps height, andleading (space betweenlines of type).



3/12/10

11

Size

• The red line above thebaseline sits on top of theg and the bowl of the d.

• The space between thosetwo lines represent thex-height of that font.

• The x-height relative tothe caps height affectsfont readability and is one

factor to consider whenspecifying leading for apassage of text.

Size

• The next red line inthis image runs alongthe top of the T.

• The space betweenthe baseline and thatline is the capsheight .

• It represents the sizeof most uppercasecharacters in that font.



3/12/10

12

Size

• Not all characters fitneatly within the x-heightand caps heightmeasurements.

• The tallest character inthis specific typeface isthe $ (dollar sign) whichextends both above and

below thosemeasurements

What’s the Point?

• Points are used not only to measure thetype itself, but the space around it.

• Setting leading (line spacing) requires abasic understanding of points and typemeasurements.

• Points and picas may also be used to setmargins, specify column widths, andspaces between columns.



3/12/10

13

What’s the Point?

• Points are the smallest unit of measurement.• Type and leading are measured in points with 72

points to the inch.• Use picas for measuring column width and

depth, margins, and other larger distances.• Picas and points have a direct relationship to

each other… There are 12 points in a pica.

SPI

• Samples Per Inch is scanner and digitalimage resolution .

• To scan an image the scanner takes asampling of portions of the image.

• The more samples it takes per inch, thecloser the scan is to the original image.

• The higher the resolution, the higher theSPI.



3/12/10

14

PPI

• Pixels Per Inch (PPI) is the number of pixelsdisplayed in an image.

• A digital image is composed of samples that your screen displays in pixels.

• The PPI is the display resolution not the imageresolution.

• (Adobe Photoshop uses PPI and Corel Photo-Paint uses DPI for image resolution so it's nowonder everyone is confused.)

DPI

• Dots Per Inch is a measure of the resolution of aprinter.

• It properly refers to the dots of ink or toner usedby an imagesetter, laser printer, or other printingdevice to print your text and graphics.

• In general, the more dots, the better and sharper

the image.• DPI is printer resolution



3/12/10

15

LPI

• Lines Per Inch refers to the way printersreproduce images, simulating continuoustone images by printing lines of halftonespots.

• The number of lines per inch is the LPI,sometimes also called line frequency.

• You can think of LPI as the halftoneresolution .

Texture

• On the Web, especially, backgrounds thatsimulate familiar fabrics, stone, and other textures are common to add effect

• Be careful not to allow the texture todetract from the message on the screen.



3/12/10

16

Good Example of

Texture

Good Example of Texture



3/12/10

18

Good Example of

Texture

Good Example of Texture



3/12/10

19

Good Example of

Texture

Bad Example of Texture



3/12/10

21

Conclusion

• Mass relates to graphic design in manyways

• Size is relative. Physical size and visualsize are two different concepts in graphicdesign

• Texture can make or break your graphicdesign

2010 mass size and texture lecture

Documents