13 Golden Rules for Typography on the Web
What You’ll Learn
- The social and emotional impact of typography choices
- When to trust yourself and when to rely on the default
- How to harness technology to optimize your typography and design
Variable Fonts & the Future of Typography
What You’ll Learn
- The communication value of intentional typography and its online evolution
- The impact of variable fonts on good design
- How designers can play a role in the spread of variable fonts and good typography
Designing With Grid
What You’ll Learn
- Learn what CSS Grid is, what it can do, and how you can use it
- Take inspiration from classic graphic design
Using Typography to Shape Text and Tailor Layouts
What You’ll Learn
- Focus on typesetting
- Craft compositions around typefaces
Typesetting Body Text
What You’ll Learn
- Explore why body text typesetting is worth your time, attention, and budget
- Recognize the forces in type and typography
- Make compositional decisions based on body text
- Embrace the challenges of responsive design
Hunches, Instincts, and Trusting Your Gut
What You’ll Learn
- Assess the effectiveness of layout, typography, messaging, and more by looking at the hierarchy of information
- Achieve maximum simplicity and conceptual coherence by looking at elements that feel out of place and asking yourself why
- Examine the success of calls to action and ask, “What can I, the UX designer, do next?”
The Transformative Power of Typography and Graphic Design
What You’ll Learn
- How to bake high-level typography and graphic design concepts into our work
- Why typography can help us understand responsive design and where in history we can find inspiration and guidance
- Which rules and when using them can prepare web compositions for various scenarios
- Why it’s important to practice graphic and typographic design
Typography in Responsive Web Design
What You’ll Learn
- Use typography as a basis for responsive design
- Set type for readability across multiple devices
- Improve web font performance
- Use advanced CSS3 features