🌐 Public

Web Typography

By David Hoogland

Introduction

Articles and videos related to typography specifically for the web.

1 Five simple steps to designing grid systems - Preface

Following my article in Design in Flight I've received countless emails to elaborate, in some way, on how to correctly design grid systems. It's quite a complicated field and so distilling it into 'Five Simple Steps' has proven to be quite tricky, so much so that I thought I needed to write some sort of preface before we get on

Added by David Hoogland: “Contrast defines hierarchy, creates emphasis, suggests the relationship and relative importance of content, and can control how quickly text is read.

2 Contrast Through Scale | Design in the browser with web fonts and real content - Typecast

on Friday 19th of October 2012 Typographic contrast is a deft and powerful weapon in your design arsenal. Its presence and impact typically goes unnoticed by readers, but its absence can ruin a site. In this series of posts, Christopher Murphy of The Standardistas takes a look at a number of techniques you can use to establish harmonious contrast in

4 Reminder: Design is still about words

Click away from the pen tool... Put down your Pantone book... Stop rearranging your layers... Close your stock texture folder... Log out of your Dribbble... And god dammit, hug your copywriter... Designing for the web is still about words. About Mig ReyesI'm a designer splitting my time between making and marketing Basecamp. In a past life, I crafted the web

Added by David Hoogland: ““ On the web, because we’re quite often presented with long-form text (and by that, I mean more than a few paragraphs), we get a little obsessed with body copy. Good typesetting of body copy should be like that of setting a novel; the type should disappear. But … ”

6 UI is visible. Type is visible.

In 1955, Beatrice Warde gave a presentation to the Typographer's Guild in London (now, the International Society of Typographic Design) which later became an essay titled: 'The Crystal Goblet, or Printing Should Be Invisible'. A wonderful piece of writing in which Warde describes the role of typography - or rather the role of the designer - in printing. The general

9 Web Design is 95% Typography

95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our

10 Responsive Typography: The Basics

When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogeneous. Today we deal with a variety of screen sizes and resolutions. This makes things much more complicated. In

Juliana Soares

"The fundamental things apply"

  • 1 Playlists
  • 0 Followers

Florian Sänger

Freshman

  • 0 Playlists
  • 0 Followers

Song Yujun

Freshman

  • 1 Playlists
  • 0 Followers

inestestes

Freshman

  • 0 Playlists
  • 0 Followers

Remington Robertson

Former tech startup founder, product designer & growth hacker consultant available for hire. https://t.co/8kvRGw3LbL

  • 0 Playlists
  • 0 Followers

alessandraoli

Freshman

  • 0 Playlists
  • 0 Followers

Tony Seeds

Freshman

  • 1 Playlists
  • 0 Followers

Raffaello Sanzio

Freshman

  • 0 Playlists
  • 0 Followers

Imran Khan Limon

Freelance UI/UX/ Web Designer

  • 0 Playlists
  • 0 Followers

extaticfaery

Freshman

  • 0 Playlists
  • 0 Followers

AnnaTovmas

Freshman

  • 0 Playlists
  • 0 Followers

John Peele 

Son, Husband, Dad, Entrepreneur, Coffee Drinker. Tweeting about design, tech, Jesus, the church, and my ...

  • 0 Playlists
  • 0 Followers

deantan

Freshman

  • 0 Playlists
  • 0 Followers

Dek Carrillo

Multimedia Designer from Manila, Philippines.

  • 0 Playlists
  • 0 Followers

Jakub Dziedzic

Freshman

  • 0 Playlists
  • 0 Followers

Alasdair Cumming

@HyperIsland grad and UX guy at Brilliant Basics, amongst a bunch of other things

  • 0 Playlists
  • 0 Followers

bsarah23

Freshman

  • 0 Playlists
  • 0 Followers

Paresh sagar

Excellent WebWorld is a bunch of talented young minds of designers, marketers, communication specialist, project ...

  • 1 Playlists
  • 0 Followers

hcaltiner

Freshman

  • 0 Playlists
  • 0 Followers

NAVIN KUMAR CHAHAR

I AM HUMAN ,SIMPLE AND STRAIGHT.

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?