Initially presented during the Web 2.0 Expo in Berlin, this presentation takes typography beyond the surface layer. Structure, Process, Macro and Micro typography are all covered in detail to help you improve the typographic quality on your site, service or product.
38. visual design
surface
skeleton information design
structure interaction design
scope requirements
strategy user needs / site
objectives
For a much better diagram go to: http://www.jjg.net/elements/pdf/elements.pdf
86. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
87. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
88. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
100. - hyphen Müller-Brockmann
– en dash 3–6 April; 25–30 mm
a phrase marker – thus – with spaces
— em dash a phrase marker—thus—with no spaces
— Doesn’t sound much like a bee to me.
— It’s a bloody aardvark!
− minus 4−1=3
107. {HOME} NOTEBOOK WORK PUBLICATIONS ICON SHOP ABOUT CONTACT
LATEST FEATURED WORK
Hand-crafted pixels & text. MTV.com
SimpleBits is a tiny web design studio founded by XHTML/CSS development
designer and author Dan Cederholm. We create simple,
Cork’d
readable interfaces balanced with a standards-based
Creative Director
methodology. Learn more
TravelPost.com
Logo + interface design
RECENT NOTEBOOK ARTICLES & QUICKBITS
SPEAKING EVENTS
Planet Microformats
A giant master feed of anything and everything tagged with “microformats” SXSW Interactive
from Brian Suda. {02.20.07} March 9-13, 2007 ~ Austin, TX
An Event Apart Boston
March 26-27, 2007 ~ Boston
Web Directions North @media 2007 (America)
May 24-25, 2007 ~ San Francisco
I’ve returned from several days in Vancouver, and the first-ever Web
@media 2007 (Europe)
Directions North. It was a great trip, a great conference, and my second
June 7-8, 2007 ~ London
attempt at snowboarding in the last 20 years.
I’ll first say congrats to Maxine, John, Dave and
Derek for putting on what was an oustanding
www.simplebits.com
118. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
119. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
120. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
121. Text numerals like these—23, 48,
192 and 2096—belong in text
Lining numerals like these—23, 48,
192 and 2096—are better in tables.
122. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
123. Barry Island 0533 0600
0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0620 0648
0552
124. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
125. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
126. 1. Structure
Language; Conceptual models; Content Presentation.
2. Process
Greybox wireframes; Typography earlier in the process.
3. Macro typography
The big stuff. Composition Grids.
4. Micro typography
The little stuff. Typesetting.
127.
128. ‘...It is not surface, it is not the last thing that
needs to be considered, it is the thing itself’
Stephen Fry
129. Thank you
Slides and resources at : http://www.markboulton.co.uk/present/web2berlin/