Page 70

129

Designing for the Web ~ Typography

Digitising and colour I then took the sketch and worked it up in Photoshop, (you could use InDesign or Illustrator if you like), to use the typeface I wanted and to add colour.

130

define type size, leading and measurements, which all exist in a finite space: a piece of paper. I found that completing this stage of the process really helped in pulling the styles together later on.

The finished article

This shows the finished printed article page shown next to an open spread of the paper. As you can see, it shows a continuation of the brand and the content is presented clearly and legibly.

Working at this full size, and then printing it out, gave me a template on which to base my CSS measurements. Remember, with the printed page we are dealing with absolutes again, rather than fluid layouts or differences in browsers. You can

licensed to Denis (1 user license)

Profile for anh7

Five simple steps designing for the web  

Designing for the web

Five simple steps designing for the web  

Designing for the web

Profile for anh7
Advertisement