Download - Typography as a design element
![Page 1: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/1.jpg)
Typography
as a design element
How the effective use of type and whitespace
can combine to create attractive packages
![Page 2: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/2.jpg)
The art and technique of arranging type The cornerstone of any designer’s skillset Much more than making words legible
What is typography?
![Page 3: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/3.jpg)
It is impossible to become skilled in
typography without understanding the basic
rules of the craft — even if you
mean to break them.
![Page 4: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/4.jpg)
Size. Not just the font size, the character size. Leading. The vertical space between each line of
type. Kerning. Refers to the space between characters. Measure. The width of the text block. Hierarchy. The order of elements.
Basic concepts
![Page 5: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/5.jpg)
Leading should be a larger number than font
size General rule: between one and two sizes greater
FUN FACT! It’s called leading because, in the days of metal typesetting, strips of lead were used to separate lines of type.
Leading
![Page 6: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/6.jpg)
Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is too loose.
Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is too tight.
Check out this example of leading right here. It’s very important to get your leading right for legibility reasons. This is just right.
Leading
![Page 7: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/7.jpg)
Kerning describes the act of adjusting the space
between characters to create a harmonious pairing. Example: where an uppercase ‘A’ and ‘V’ meet
AV(the top left of the ‘V’ sits above the bottom right of the
‘A’)
Kerning
![Page 8: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/8.jpg)
Provides the reader with a roadmap Font size is not the only way to define hierarchy
Color Spacing Weight
Dominant elements are bigger Things get smaller down the page
Hierarchy
![Page 9: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/9.jpg)
whitespace.
![Page 10: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/10.jpg)
Serves as a subtle, visual clue Balance is key Whitespace can never be underrated
My opinion: Too much is better than too little
Whitespace
![Page 11: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/11.jpg)
“The black space can
never be beautiful until the white space is beautiful.”
Whitespace
![Page 12: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/12.jpg)
What you don’t notice Focuses on the content Attractive Consistent in every detail (most important!)
What is good design?
![Page 13: Typography as a design element](https://reader035.vdocuments.mx/reader035/viewer/2022062305/56816509550346895dd77b76/html5/thumbnails/13.jpg)
“Perfection is achieved, not when there is
nothing left to add, but when there is nothing
left to remove.”—Antoine de Saint-Exupéry