Now that we have a basic typography definition, why don\u2019t we explore elements of typography design a little more closely:<\/p>\n\n\n\n
Elements of typography<\/strong><\/h2>\n\n\n\nTwo terms you will often hear in regard to typography are typeface and font<\/a>. These two elements are related and play well together. Think of it like this:<\/p>\n\n\n\nA typeface is the design of lettering that can include variations such as bold, regular, light, italic, condensed, and more. Each one of these variations is a font. Someone who designs typefaces is called a type designer.<\/p>\n\n\n\n
Another typography term is contrast,<\/em> which refers to the grouping of two different typographical elements and using different traditional design methods to create a contrast. One element takes center stage while the second element takes less attention, but still adds to the overall design.<\/p>\n\n\n\n![\"Typography](\"https:\/\/www.blurb.com\/blog\/wp-content\/uploads\/2021\/02\/Typography_001-1024x614.jpg\")
<\/figure><\/div>\n\n\nTypography design: contrast<\/strong><\/h2>\n\n\n\nThere are four main techniques for creating contrast with typography; size, color, spacing, and shape.<\/p>\n\n\n\n
Contrast by size<\/h3>\n\n\n\n
Size is relatively self-explanatory. Say for example you use a large typeface for the title of your book, and a much smaller, less dominant typeface for your subtitle. They are both important, but the second element does not distract from the first.<\/p>\n\n\n\n
Contrast by color<\/h3>\n\n\n\n
Using color to achieve contrast means taking advantage of things like type density, using the full range of the grayscale, or using vibrant colors to offset different typefaces.<\/p>\n\n\n\n
Contrast by spacing<\/h3>\n\n\n\n
Contrast through spacing can be as easy as justifying your type to the left, right, or center. But it can also be achieved through letter spacing, word spacing, or line spacing. Letter spacing refers to the measurement or space between letters. This same idea applies to word spacing and line spacing. Here is a little hint. Spacing takes practice, and there is a fine line between good spacing and going too far which could weaken the overall power of your design.<\/p>\n\n\n\n
Contrast by shape<\/h3>\n\n\n\n
Finally, contrast by shape could mean using both italic and bold fonts together, or perhaps an artistic font paired with a simple or basic font.<\/p>\n\n\n
\n![\"Typography](\"https:\/\/www.blurb.com\/blog\/wp-content\/uploads\/2021\/02\/Typography_002-1024x583.jpg\")
<\/figure><\/div>\n\n\nTypography design: hierarchy<\/strong><\/h2>\n\n\n\nTypographic hierarchy refers to organizing type in a way that allows the reader to quickly find the information they are after.<\/p>\n\n\n\n
Let\u2019s say you are creating a book about poetry<\/a> readings and you are listing the locations, the dates, and the titles of each event. Using a good typographical hierarchy means you are styling each of these data points in a unique way so that the reader can quickly identify a date, a location, or a title. The hierarchy should also take alignment into account. Type alignment refers to the placement of type in relation to other elements on the page, such as photographs, columns, tabs, etc.<\/p>\n\n\n\nTypography helps to create a sense of style and making small changes to your typography choices can be both liberating and strategic. My last piece of advice is this. Think about your typography as equal to all other aspects of your publication. Things like trim size<\/a>, paper type<\/a>, borders, and the size of the photographs are all important. Type is a peer to these other elements and requires the same amount of thought and dedication. Take your time and explore the options.<\/p>\n\n\n\n
A typeface is the design of lettering that can include variations such as bold, regular, light, italic, condensed, and more. Each one of these variations is a font. Someone who designs typefaces is called a type designer.<\/p>\n\n\n\n
Another typography term is contrast,<\/em> which refers to the grouping of two different typographical elements and using different traditional design methods to create a contrast. One element takes center stage while the second element takes less attention, but still adds to the overall design.<\/p>\n\n\n There are four main techniques for creating contrast with typography; size, color, spacing, and shape.<\/p>\n\n\n\n Size is relatively self-explanatory. Say for example you use a large typeface for the title of your book, and a much smaller, less dominant typeface for your subtitle. They are both important, but the second element does not distract from the first.<\/p>\n\n\n\n Using color to achieve contrast means taking advantage of things like type density, using the full range of the grayscale, or using vibrant colors to offset different typefaces.<\/p>\n\n\n\n Contrast through spacing can be as easy as justifying your type to the left, right, or center. But it can also be achieved through letter spacing, word spacing, or line spacing. Letter spacing refers to the measurement or space between letters. This same idea applies to word spacing and line spacing. Here is a little hint. Spacing takes practice, and there is a fine line between good spacing and going too far which could weaken the overall power of your design.<\/p>\n\n\n\n Finally, contrast by shape could mean using both italic and bold fonts together, or perhaps an artistic font paired with a simple or basic font.<\/p>\n\n\n Typographic hierarchy refers to organizing type in a way that allows the reader to quickly find the information they are after.<\/p>\n\n\n\n Let\u2019s say you are creating a book about poetry<\/a> readings and you are listing the locations, the dates, and the titles of each event. Using a good typographical hierarchy means you are styling each of these data points in a unique way so that the reader can quickly identify a date, a location, or a title. The hierarchy should also take alignment into account. Type alignment refers to the placement of type in relation to other elements on the page, such as photographs, columns, tabs, etc.<\/p>\n\n\n\n Typography helps to create a sense of style and making small changes to your typography choices can be both liberating and strategic. My last piece of advice is this. Think about your typography as equal to all other aspects of your publication. Things like trim size<\/a>, paper type<\/a>, borders, and the size of the photographs are all important. Type is a peer to these other elements and requires the same amount of thought and dedication. Take your time and explore the options.<\/p>\n\n\n\n<\/figure><\/div>\n\n\nTypography design: contrast<\/strong><\/h2>\n\n\n\n
Contrast by size<\/h3>\n\n\n\n
Contrast by color<\/h3>\n\n\n\n
Contrast by spacing<\/h3>\n\n\n\n
Contrast by shape<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\nTypography design: hierarchy<\/strong><\/h2>\n\n\n\n