Difference between revisions of "Template:Typographic Best Practices"
Jump to navigation
Jump to search
(→Key Typography Tips) |
(→Key Typography Tips) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Like all disciplines, typography is a skill with fundamental learnings that can be mastered with time and practice. I have assembled some links and thoughts for you here: | Like all disciplines, typography is a skill with fundamental learnings that can be mastered with time and practice. I have assembled some links and thoughts for you here: | ||
| − | The [https://typographyhandbook.com/ '''Typography Handbook'''] is a wonderful place to start. | + | * The [https://typographyhandbook.com/ '''Typography Handbook'''] is a wonderful place to start. |
| + | * The [https://ptgmedia.pearsoncmg.com/images/9780321773265/samplepages/0321773268.pdf Complete Manual of Typography] is focused on print. | ||
| + | * [http://www.typogui.de/ The Pocket Guide to Master Every Day’s Typographic Adventures] is handy. | ||
==Key Typography Tips== | ==Key Typography Tips== | ||
| Line 7: | Line 9: | ||
#* Have content that looks aesthetically pleasing! Key information (your name, title, chapter) should be larger than supporting text or items. Make sure that there is enough white space. | #* Have content that looks aesthetically pleasing! Key information (your name, title, chapter) should be larger than supporting text or items. Make sure that there is enough white space. | ||
# Don't just shop for a font, instead look for '''typeface pairings'''! | # Don't just shop for a font, instead look for '''typeface pairings'''! | ||
| − | #* Very rarely do you do a project with just one font, if you want to drastically accelerate your | + | #* Very rarely do you do a project with just one font, if you want to drastically accelerate your typographic confidence, browse already proven classic solutions. |
#* [https://digitalsynopsis.com/design/adobe-font-combinations/ 8 Great Adobe Font Combinations For Your Next Design Project] | #* [https://digitalsynopsis.com/design/adobe-font-combinations/ 8 Great Adobe Font Combinations For Your Next Design Project] | ||
#* [http://typ.io/libraries/typekit Typekit (now called Adobe Type) font pairing] | #* [http://typ.io/libraries/typekit Typekit (now called Adobe Type) font pairing] | ||
| Line 17: | Line 19: | ||
# '''Don't go crazy''' | # '''Don't go crazy''' | ||
#* Great typography has character but does not draw too much attention to itself: [https://www.typewolf.com/adobe-fonts The 40 Best Fonts Available on Adobe Fonts] | #* Great typography has character but does not draw too much attention to itself: [https://www.typewolf.com/adobe-fonts The 40 Best Fonts Available on Adobe Fonts] | ||
| + | # Adjust Your '''Kerning''' | ||
| + | #* Kerning refers to the spacing between letters. You can adjust the kerning in many Adobe tools. In some cases, you may want to bring letters closer together or space them farther apart to add impact. Do this carefully, legibility can break down quickly if you space out words too much. Without proper kerning, your typography may come across as unprofessional or odd. | ||
| + | # Pick an Alignment & '''Stick To It!''' | ||
| + | #* Type alignment is often the downfall for artists who refer to themselves as 'design-challenged'. Don't mix multiple alignment types in one project. | ||
| + | #* [https://blog.thepapermillstore.com/design-principles-alignment/ Design Principles: Alignment] | ||
| + | #* [https://www.designmantic.com/blog/art-of-alignment-graphic-design/ The Art Of Alignment In Graphic Design] | ||
Latest revision as of 10:23, 18 March 2020
Like all disciplines, typography is a skill with fundamental learnings that can be mastered with time and practice. I have assembled some links and thoughts for you here:
- The Typography Handbook is a wonderful place to start.
- The Complete Manual of Typography is focused on print.
- The Pocket Guide to Master Every Day’s Typographic Adventures is handy.
Key Typography Tips
- Visual Hierarchy
- Have content that looks aesthetically pleasing! Key information (your name, title, chapter) should be larger than supporting text or items. Make sure that there is enough white space.
- Don't just shop for a font, instead look for typeface pairings!
- Very rarely do you do a project with just one font, if you want to drastically accelerate your typographic confidence, browse already proven classic solutions.
- 8 Great Adobe Font Combinations For Your Next Design Project
- Typekit (now called Adobe Type) font pairing
- 10 Great Typekit Font Pairings
- Fontjoy - Generate font pairings in one click
- 36 perfect font pairings
- If you want to know more about the science behind it Eight Tips for Combining Typefaces
- A Non-Designer’s Guide to Pairing Fonts
- Don't go crazy
- Great typography has character but does not draw too much attention to itself: The 40 Best Fonts Available on Adobe Fonts
- Adjust Your Kerning
- Kerning refers to the spacing between letters. You can adjust the kerning in many Adobe tools. In some cases, you may want to bring letters closer together or space them farther apart to add impact. Do this carefully, legibility can break down quickly if you space out words too much. Without proper kerning, your typography may come across as unprofessional or odd.
- Pick an Alignment & Stick To It!
- Type alignment is often the downfall for artists who refer to themselves as 'design-challenged'. Don't mix multiple alignment types in one project.
- Design Principles: Alignment
- The Art Of Alignment In Graphic Design
