Phil Baines Where are we now? Ampersand 2012 Phil Baines 1 - PowerPoint PPT Presentation

Phil Baines Where are we now? Ampersand 2012 Phil Baines 1

Advertisment Public lettering walk Brighton 2 10:30 Saturday 16 June Meet outside the Dome (Photo: Jean Fraincoise Porchez, Dublin 2010) Ampersand 2012 Phil Baines 2

Ampersand 2012 Phil Baines 3

Ampersand 2012 Phil Baines 4

Ampersand 2012 Phil Baines 5

Ampersand 2012 Phil Baines 6

Ampersand 2012 Phil Baines 7

Ampersand 2012 Phil Baines 8

Ampersand 2012 Phil Baines 9

Ampersand 2012 Phil Baines 10

Ampersand 2012 Phil Baines 11

Hello Who are you? Web or print designer? Ampersand 2012 Phil Baines 12

Ampersand et & Ampersand 2012 Phil Baines 13

The web in Type & typography with Andrew Haslam, Laurence King 2002/2007/13 Ampersand 2012 Phil Baines 14

2002 a column Ampersand 2012 Phil Baines 15

2002 a spread Ampersand 2012 Phil Baines 16

2013 embedded Ampersand 2012 Phil Baines 17

‘Web typography comes of age’ Review of 2011 Ampersand conference: John L Walters, Eye blog, 19 June 2011 Ampersand 2012 Phil Baines 18

Is it 1500? Ampersand 2012 Phil Baines 19

In the incunabula printed books went from being imitation manuscripts to being printed books. Ampersand 2012 Phil Baines 20

but in the beginning the web didn’t replace anything. Ampersand 2012 Phil Baines 21

It was about moving a lot of stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more Ampersand 2012 Phil Baines 22

a lot of stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more from one place to another Ampersand 2012 Phil Baines 23

a lot of stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more (sometimes with pictures) Ampersand 2012 Phil Baines 24

It’s not 1500 … Ampersand 2012 Phil Baines 25

… the web didn’t replace anything, Ampersand 2012 Phil Baines 26

the web replaced EVERYTHING! Ampersand 2012 Phil Baines 27

Is it 1992? Ampersand 2012 Phil Baines 28

1550s Gutenberg 1880s Mechanical setting 1950s Photo/film setting 1970s Outline digital type 1980s PostScript 2010s Webfonts Ampersand 2012 Phil Baines 29

1980s PostScript Ampersand 2012 Phil Baines 30

1984 PostScript & Mac 1987 RCA has 1 Mac 1991 Typography now (ed. Rick Poynor, Booth-Clibborn Editions) 1992 general acceptance of the Mac within graphic design practice Ampersand 2012 Phil Baines 31

2012 is a bit like 1992 Ampersand 2012 Phil Baines 32

c.1992 A lot of stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more stuff, and more Ampersand 2012 Phil Baines 33

1996 Microsoft Core Fonts Andale Mono, Arial, Comic Sans, Courier, Georgia, Helvetica, Impact, Tahoma, Times, Trebuchet, Verdana, Webdings Ampersand 2012 Phil Baines 34

c.2010 Web fonts and CSS3 Ampersand 2012 Phil Baines 35

But … Ampersand 2012 Phil Baines 36

Google Web Fonts www.google.com/webfonts Google Web Fonts. Hundreds of free, open-source fonts optimized for the web. Just 3 quick steps between you and a good lookin' website. 1. Choose: Search or ... Ampersand 2012 Phil Baines 37

It always comes down to fonts, as though they are what makes a piece of design work. Ampersand 2012 Phil Baines 38

Type is not typography. Ampersand 2012 Phil Baines 39

Type is just type … font, typeface, whatever Ampersand 2012 Phil Baines 40

Typography is the mechanical arrangement of language T&t 2002, p.9 Ampersand 2012 Phil Baines 41

Get the balance of these wrong —type size, —leading (line-height), —line length – and the typeface won’t work … Ampersand 2012 Phil Baines 42

therefore: there is no such thing as a good – or a bad – typeface. Ampersand 2012 Phil Baines 43

First and foremost, it’s about the words and meaning. Ampersand 2012 Phil Baines 44

Ampersand 2012 Phil Baines 45

Designers of all kinds need to talk to each other … Ampersand 2012 Phil Baines 46

Was the web visually retarded for so long because graphic designers didn’t get stuck in? Ampersand 2012 Phil Baines 47

There were times in last year’s conference when web designers were recounting Damascus moments. Ampersand 2012 Phil Baines 48

Writing, print and web are all part of one continuum … the physiology of reading remains fundamentally the same. Ampersand 2012 Phil Baines 49

The use of modular units and scales to help structure pages has been around a long time … ‘Typography is a grid’, Anthony Froshaug, in Typographic norms, Kynoch Press & D&AD 1964� Peter Burnhill, Type spaces: in-house norms in the typography of Aldus Manutius, 2003 Ampersand 2012 Phil Baines 50

this is from c.1220. St John’s Gospel & gloss by Peter Lombard, Paris Image: http://bit.ly/Ox1j0T (RMGYMss on Flickr) Ampersand 2012 Phil Baines 51

Thank you Ampersand 2012 Phil Baines 52