Difference between revisions of "Category:Typography"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
[[Category: Design]] | [[Category: Design]] | ||
==How to font== | ==How to font== | ||
''yes I did just verb that, live with it.'' | ''yes I did just verb that, live with it.'' | ||
Like most design things, you need to start with what the intentions of the typography are -- what are its goals? what will it accomplish? In [https://medium.freecodecamp.org/typography-can-make-your-design-or-break-it-7be710aadcfe Typography can make or break your design: a process for choosing type], Jonathan Z. White recommends the following: | Like most design things, you need to start with what the intentions of the typography are -- what are its goals? what will it accomplish? In [https://medium.freecodecamp.org/typography-can-make-your-design-or-break-it-7be710aadcfe Typography can make or break your design: a process for choosing type], Jonathan Z. White recommends the following: | ||
* Identify your purpose | * Identify your purpose | ||
* Identify your audience | * Identify your audience | ||
| Line 12: | Line 10: | ||
* Determine font sizes | * Determine font sizes | ||
* Create a typographic style guide | * Create a typographic style guide | ||
In order to accomplish those goals, [https://www.invisionapp.com/blog/best-practices-pairing-fonts/ 5 Best Practices for Pairing Fonts] recommends the following: | In order to accomplish those goals, [https://www.invisionapp.com/blog/best-practices-pairing-fonts/ 5 Best Practices for Pairing Fonts] recommends the following: | ||
* Limit your font palette to (in most situations) 3 fonts | * Limit your font palette to (in most situations) 3 fonts | ||
| Line 20: | Line 16: | ||
* Understand your brand and know what you want to say | * Understand your brand and know what you want to say | ||
* Trust your gut | * Trust your gut | ||
==Accessibility Considerations== | ==Accessibility Considerations== | ||
* [https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly-mistake/ 16 Pixels Font Size: For Body Copy; Anything Less Is A Costly Mistake] by D. Bnonn Tennant at Smashing Magazine. | * [https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly-mistake/ 16 Pixels Font Size: For Body Copy; Anything Less Is A Costly Mistake] by D. Bnonn Tennant at Smashing Magazine. | ||
==Additional Resources== | ==Additional Resources== | ||
* [https://www.invisionapp.com/blog/typography-tips/ Typography Tips for a More Comfortable Read] by Luke Jones on the Invision Blog | * [https://www.invisionapp.com/blog/typography-tips/ Typography Tips for a More Comfortable Read] by Luke Jones on the Invision Blog | ||
Revision as of 16:15, 4 August 2019
How to font
yes I did just verb that, live with it.
Like most design things, you need to start with what the intentions of the typography are -- what are its goals? what will it accomplish? In Typography can make or break your design: a process for choosing type, Jonathan Z. White recommends the following:
- Identify your purpose
- Identify your audience
- Look for inspiration
- Choose your fonts
- Determine font sizes
- Create a typographic style guide
In order to accomplish those goals, 5 Best Practices for Pairing Fonts recommends the following:
- Limit your font palette to (in most situations) 3 fonts
- Use contrast wherever possible to create a visual hierarchy
- Keep an eye on moods and history
- Understand your brand and know what you want to say
- Trust your gut
Accessibility Considerations
- 16 Pixels Font Size: For Body Copy; Anything Less Is A Costly Mistake by D. Bnonn Tennant at Smashing Magazine.
Additional Resources
- Typography Tips for a More Comfortable Read by Luke Jones on the Invision Blog