Typography
Typography is a word where ‘type and ‘ography’ have been merged.
Type is the writing produced by a typewriter or computer by pressing keys.
‘ography’ means the process of.
Typography is the art and technique of arranging type to make written language legible, readable, and visually appealing. It includes multiple elements such as typefaces, font styles, spacing, and layout design. In graphic design, typography plays a crucial role in conveying messages effectively and enhancing the overall aesthetic of a design.
Let's Dig deeper...
Principles & Elements
Typography can also relate to each of the Elements of Art & Principles of Design. We will focus on some of these in more detail below.
Art Elements
Line / Shape / Form / Space / Texture / Value / Colour
Design Principles
Proportion / Contrast / Proximity / Repetition / Variety / Balance / Negative space / Harmony & Unity / Hierarchy
Typography & Colour
Colour is an essential aspect of typography as it significantly influences readability and visual appeal. It's important to adhere to classic guidelines to avoid colour combinations that cause visual discomfort, such as colours that seem to vibrate when placed together. Make sure your type is easy to read by using complementary colours or different levels of value (light and dark).
Typography & Proximity
Proximity is about the relationship between different elements and how close they are to each other because this creates a sense of unity and connection. This is important for typography as it will change the meaning of the text. In the example, the top business card is not cluttered, it has some white space, but the elements are not logically grouped. The reader will need to scan it multiple tomes for information, so it is less effective. The bottom card is more effective as there is a logicall flow to the connection between the words used and their location, making it faster and easier for readers to interpret the information.
WDD Staff (2010) 'Proximity in Web design' URL
Typography & Space
Spacing allows designers to create meaning in a design that will suit the aesthetic style or theme. In the example above, letter spacing is used to emphasise the visual length of the word 'length' which contrasts it from the font used for 'depth' which is taller / deeper. It is also important to use negative space around areas of text to give them breathing room which will make the overall design looking good and feel easy to read and understand.
Pritchard, T. (2016) 'Use spacing effectively in typography' URL
Typography & Hierarchy
Once you pull the other ideas together (colour, proximity and space), they all start to shape the hierarchy of a design. This is especially important when it is used to shape what order an audience will read text in. From movie posters to cereal packaging, designers can emphasise certain parts of a design to be noticed first and then add layers of meaning to be noticed later.
Typeface
“Serif” refers to either the mark or line that can sometimes appear at the end of a character's stroke, or the collective name for typefaces that use serifs in their design.
A sans serif—or simply “sans”—is a typeface designed without serifs (from “sans”, the French word for “without”). Typically, sans serif faces have lower stroke contrast and larger x-heights than serifs.
Easil (n.d.) 'Serif and Sans-serif Fonts - What's the Difference?' URL
Putting the Ideas Together
All of these relationships, between Typography and Elements and Principles shape how audiences understand the text and it's meaning. They show what ideas are related or not related and they can also come together to influence style and theme.
Style is all about conveying a particular aesthetic or message in a design composition.
Theme is a consistent visual or conceptual idea that ties together various elements within a design project to convey a specific mood, message, or concept.
Use Note: To download your own fonts that suit aesthetic styles or themes on school computers or your personal laptop, you can visit dafont.com
Examples: Magazines
In the examples below, consider how the relationship between elements, principles and the text have been used to shape:
Readability
Style / Aesthetic
Theme / Meaning
Text Edits in Photoshop
For Your Portfolio
Create a page in your portfolio, called 'Typography Application.' Complete the following activity and insert it.
Tertiary: Download both of the images below. Open them in Photoshop. Use the text tool to arrange text on the image to turn it in to a magazine cover. You should consider your colour, size, arrangement and font choices. Include the following text:
-Tom Holland
-GQ
-Exclusive Interview Inside
-Live from the set of Dune 2
-Zendaya
-Vogue
-Zendaya Tells All Things Personal!
-We didn't know this about 'Champions'
Accredited: Download one of the images below. Open them in Photoshop. Use the text tool to arrange text on the image to turn it in to a magazine cover. You should consider your colour, size, arrangement and font choices. Include the following text:
-Tom Holland
-GQ
-Exclusive Interview Inside
-Live from the set of Spiderman 3
-Taking a break from acting?
-Zendaya
-Vogue
-Zendaya Tells All Things Personal!
-We didn't know this about 'Champions'
Tertiary:
-In each of your designs, add an addition two sections of text that suit the style / aesthetic and meaning of the magazine
-Add dot points in your portfolio that explain your choices in terms of colour, size, arrangement and font
Accredited:
-In your design, add an additional section of text that suits the style / aesthetic and meaning of the magazine
-Add dot points in your portfolio that explain your choices in terms of colour, size, arrangement and font
Tertiary:
-Gather your own photos and elements to create your own magazine cover
-Choose text to include and arrange and colour it, based on the aesthetic and style of the magazine
Accredited:
-Complete previous steps to complete both of the design options
-Provide dot points to explain your design choices for each of them