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

▶
phil baines where are we now
SMART_READER_LITE
LIVE PREVIEW

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

Feb 17, 2023 45 likes •567 views

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

slide-1
SLIDE 1

Phil Baines Where are we now?

Ampersand 2012 Phil Baines 1

slide-2
SLIDE 2

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

slide-3
SLIDE 3

Ampersand 2012 Phil Baines 3

slide-4
SLIDE 4

Ampersand 2012 Phil Baines 4

slide-5
SLIDE 5

Ampersand 2012 Phil Baines 5

slide-6
SLIDE 6

Ampersand 2012 Phil Baines 6

slide-7
SLIDE 7

Ampersand 2012 Phil Baines 7

slide-8
SLIDE 8

Ampersand 2012 Phil Baines 8

slide-9
SLIDE 9

Ampersand 2012 Phil Baines 9

slide-10
SLIDE 10

Ampersand 2012 Phil Baines 10

slide-11
SLIDE 11

Ampersand 2012 Phil Baines 11

slide-12
SLIDE 12

Hello Who are you? Web or print designer?

Ampersand 2012 Phil Baines 12

slide-13
SLIDE 13

Ampersand et &

Ampersand 2012 Phil Baines 13

slide-14
SLIDE 14

The web in Type & typography

with Andrew Haslam, Laurence King 2002/2007/13 Ampersand 2012 Phil Baines 14

slide-15
SLIDE 15

2002 a column

Ampersand 2012 Phil Baines 15

slide-16
SLIDE 16

2002 a spread

Ampersand 2012 Phil Baines 16

slide-17
SLIDE 17

2013 embedded

Ampersand 2012 Phil Baines 17

slide-18
SLIDE 18

‘Web typography comes of age’

Review of 2011 Ampersand conference: John L Walters, Eye blog, 19 June 2011 Ampersand 2012 Phil Baines 18

slide-19
SLIDE 19

Is it 1500?

Ampersand 2012 Phil Baines 19

slide-20
SLIDE 20

In the incunabula printed books went from being imitation manuscripts to being printed books.

Ampersand 2012 Phil Baines 20

slide-21
SLIDE 21

but in the beginning the web didn’t replace anything.

Ampersand 2012 Phil Baines 21

slide-22
SLIDE 22

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

slide-23
SLIDE 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 stuff, and more from one place to another

Ampersand 2012 Phil Baines 23

slide-24
SLIDE 24

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

slide-25
SLIDE 25

It’s not 1500 …

Ampersand 2012 Phil Baines 25

slide-26
SLIDE 26

… the web didn’t replace anything,

Ampersand 2012 Phil Baines 26

slide-27
SLIDE 27

the web replaced EVERYTHING!

Ampersand 2012 Phil Baines 27

slide-28
SLIDE 28

Is it 1992?

Ampersand 2012 Phil Baines 28

slide-29
SLIDE 29

1550s Gutenberg 1880s Mechanical setting 1950s Photo/film setting 1970s Outline digital type 1980s PostScript 2010s Webfonts

Ampersand 2012 Phil Baines 29

slide-30
SLIDE 30

1980s PostScript

Ampersand 2012 Phil Baines 30

slide-31
SLIDE 31

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

slide-32
SLIDE 32

2012 is a bit like 1992

Ampersand 2012 Phil Baines 32

slide-33
SLIDE 33

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

slide-34
SLIDE 34

1996 Microsoft Core Fonts Andale Mono, Arial, Comic Sans, Courier, Georgia, Helvetica, Impact, Tahoma, Times, Trebuchet, Verdana, Webdings

Ampersand 2012 Phil Baines 34

slide-35
SLIDE 35

c.2010 Web fonts and CSS3

Ampersand 2012 Phil Baines 35

slide-36
SLIDE 36

But …

Ampersand 2012 Phil Baines 36

slide-37
SLIDE 37

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

slide-38
SLIDE 38

It always comes down to fonts, as though they are what makes a piece of design work.

Ampersand 2012 Phil Baines 38

slide-39
SLIDE 39

Type is not typography.

Ampersand 2012 Phil Baines 39

slide-40
SLIDE 40

Type is just type … font, typeface, whatever

Ampersand 2012 Phil Baines 40

slide-41
SLIDE 41

Typography is the mechanical arrangement

  • f language

T&t 2002, p.9 Ampersand 2012 Phil Baines 41

slide-42
SLIDE 42

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

Ampersand 2012 Phil Baines 42

slide-43
SLIDE 43

therefore: there is no such thing as a good –

  • r a bad – typeface.

Ampersand 2012 Phil Baines 43

slide-44
SLIDE 44

First and foremost, it’s about the words and meaning.

Ampersand 2012 Phil Baines 44

slide-45
SLIDE 45

Ampersand 2012 Phil Baines 45

slide-46
SLIDE 46

Designers of all kinds need to talk to each other …

Ampersand 2012 Phil Baines 46

slide-47
SLIDE 47

Was the web visually retarded for so long because graphic designers didn’t get stuck in?

Ampersand 2012 Phil Baines 47

slide-48
SLIDE 48

There were times in last year’s conference when web designers were recounting Damascus moments.

Ampersand 2012 Phil Baines 48

slide-49
SLIDE 49

Writing, print and web are all part of one continuum … the physiology of reading remains fundamentally the same.

Ampersand 2012 Phil Baines 49

slide-50
SLIDE 50

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

slide-51
SLIDE 51

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

slide-52
SLIDE 52

Thank you

Ampersand 2012 Phil Baines 52