1 / 13

Typography as a design element

Typography as a design element. How the effective use of type and whitespace can combine to create attractive packages. What is typography?. The art and technique of arranging type The cornerstone of any designer’s skillset Much more than making words legible.

cecil
Download Presentation

Typography as a design element

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Typographyas a design element How the effective use of type and whitespace can combine to create attractive packages

  2. What is typography? • The art and technique of arranging type • The cornerstone of any designer’s skillset • Much more than making words legible

  3. It is impossible to become skilled in typography without understanding the basic rules of the craft — even if you mean to break them.

  4. Basic concepts • 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.

  5. Leading • 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.

  6. Leading 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.

  7. Kerning • 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’)

  8. Hierarchy • 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

  9. whitespace.

  10. Whitespace • Serves as a subtle, visual clue • Balance is key • Whitespace can never be underrated • My opinion: Too much is better than too little

  11. Whitespace “The black space can never be beautiful until the white space is beautiful.”

  12. What is good design? • What you don’t notice • Focuses on the content • Attractive • Consistent in every detail (most important!)

  13. “Perfection is achieved, not when there is nothing left to add, but when there is nothing left to remove.” —Antoine de Saint-Exupéry

More Related