UIE Virtual Seminar Presentation (How does this work?)
Typography in Responsive Web Design
Richard Rutter
Founder & Production Director, Clearleft
Length: 90 minutes
You're dealing with different screen sizes and resolutions. You may already be trying to integrate responsive web design in your process as a way to account for this mobile reality. You may well be daunted by the sheer number of devices out there.
Typography can come to the rescue…
Find out how from Richard Rutter. He'll describe how to make web typography work across any number of different devices, and how it can and should be the basis of any responsive web design.
He'll tell you why good typography matters (you may be surprised) and how to perfect the typography in your own designs using OpenType and cutting-edge CSS features you can safely use right now.
Richard will take you through the how and why of choosing web fonts and pairing typefaces, and he’ll describe a range of options for optimizing the display of web fonts across different devices.
Use typography as a basis for responsive design
You'll see real-world examples of when to use—and not use—certain
web fonts.
- Differentiate between typography for impact v. immersion
- Be among the first to use a page Richard is creating to help you choose
Set type for readability across
multiple devices
You'll become an authority on how typography affects UX.
- Dig into the importance of micro-typography in creating an experience
- See how to use small caps, tabular numerals, and old-style numerals
Improve web font performance
You'll hear several different ways to load fonts faster.
- Get an overview on how media queries can improve or
disrupt performance - Load fonts more quickly, especially on small screens
Use advanced CSS3 features
You'll stop only using screen sizes to define your designs.
- See how and why typography can define the way your design
should respond - Find out what to consider when designing and developing mobile-first
Whether you're a front-end developer, graphic designer, or UX specialist, you'll love to hear Richard translate cutting-edge research and tools into practical techniques you can start using today.
Throughout the seminar, you’ll be building up a fully-loaded example web page you can take away to learn from and experiment with afterwards.
Why Richard Rutter?
Even if you've just started dabbling in web typography, you probably already know Richard Rutter (@clagnut). After all, he runs webtypography.net, organizes Ampersand, speaks at conferences from An Event Apart to UX London, and will soon publish a book on typography (via Five Simple Steps).
In collaboration with OmniTI, he also created the Fontdeck web service for Clearleft—the Brighton, UK-based digital agency he co-founded. As their production director, Richard digs into all facets of UX design, like redesigning a video-on-demand service for a major broadcaster.
We've been delighted to have Richard speak at past UIE events, and so we know first-hand that you’ll be delighted to hear him speak at this one, too.
These seminars are great, thanks! We sometimes have staff members who are unable to attend the live seminar, so we keep everything archived where anyone on the team can watch in the future.
Rachel S.
Upcoming Seminars
- Thursday, May 30, Controlling the Pace of UX with Content Strategy with Margot Bloomstein
- Thursday, June 20, Design Studio: Building Design Consensus Early in Your Process with Adam Connor
