Typography for the Web
Oliver Reichenstein famously wrote:
Though this is a bold statement which you might, or might not, agree with – there is no doubt that carefully crafted typography will not only ensure good legibility of text and therefore accessibility but also greatly enhance the design and impact of any given website.
To get you started with some basics and give you plenty of material to study – let’s go through some of the content of this post:
typography for the web ↗
If you are very new to typography – you now have a brilliant new site to help you get to grips with all the basics and more. Made by our very own Hannah (who graduated 2016) – thanks, Hannah :)
exemplars of beautiful web type
Simon Collison
Jason Santa Maria
陳 Jon Tan
Dan Mall
experiments with type
TASK
Using Mike Monteiro’s A Designer’s Code of Ethics as source, select a section you particularly like or agree with (or not) — and use layout and typesetting to express its message and to emphasize the most effective phrase within the given text. Happy coding ;)
Introduce yourself
tiny task – part #2
With your content in hand, and some ideas for layout and design – time to get your text nicely set. Work on the following points and bring in your work-in-progress page next week. We’ll all have a look and exchange feedback.
✔ CHECK LIST #2
- mark up your text in a fitting structure and begin to experiment with typesetting
- focus on clear hierarchy and put relevant emphasis on each content type
- put together a fitting font-stack with a minimum of 5 fonts
NOTE: You will find all briefs on the ‘projects’ page.
As always, please feel free to comment below, or post to our #design channel in Slack, if you have any questions or want more feedback :)
Comments are closed.