How the effective use of type and whitespace can combine to create attractive packages.
-
Upload
sheila-skye -
Category
Documents
-
view
226 -
download
0
Transcript of How the effective use of type and whitespace can combine to create attractive packages.
![Page 1: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/html5/thumbnails/9.jpg)
whitespace.
![Page 10: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/html5/thumbnails/11.jpg)
“The black space can never be beautiful until the white space is beautiful.”
Whitespace
![Page 12: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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: How the effective use of type and whitespace can combine to create attractive packages.](https://reader030.fdocuments.in/reader030/viewer/2022033104/56649c9b5503460f94959f7e/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