-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Automating Type Design Processes
‘Instead of imagining that our main task is to
instruct a computer what to do, let us concentrate
rather on explaining to human beings what we
want a computer to do..’
Donald Knuth
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
▲
2
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
▲
3
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
▲
4
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Ideastarting point
Artwork(working) drawings
IkarusMastermanual digitizing
Fontsend point
CompareMastercomparing
TraceMasterauto-tracing
IkarusMasterdrawing/enhancing
OTMasterchecking/adjusting
BezierMasterdrawing/enhancing
ContourMastertesting/improving
BlendMasterinterpolating
KernMasterkerning
DataMasterfont generating
Fonts(end point)
Other toolsstarting point
Existing datastarting point
DataMasterconverting
▲
▲
5
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Systems inOther scripts
cjkHangul
Parameterizingof composing
Parallels withmusic(theorie)
Historic models
Macro level
Harmonic Systemsand Models
Micro level
Detail descriptionsof lettermodels
Parameterizingof type design LetterModeller
Parameterizinglegibility research LetterMeasurer
Idiom Jan van Krimpen
Main part Appendix
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
▲
6
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
7
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Romanform sort
Cursiveform sort
Capitalform sort1
1. Gerrit Noordzijalso: construction sortsupposed to be coherent
▲
▲
8
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
1. Orthographic term: language rules.Typography: character set.
2. Set concisting of basicvowels and consonants.
3. For example with diacritics or syllables.
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even scripts.
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
scriptLatijn
writingsystem
alphabet 2 Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
derivedcharacters 3
non-lettercharacters 4
writingsystem
writimgsystem 1
script script
1. Orthographic term forlanguage rules
Typography: character set
2. Set concisting of basicvowels and consonants
3. For example with diacritics or syllables
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even between scripts)
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
10
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
scriptLatijn
writingsystem
alphabet 2 Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
derivedcharacters 3
non-lettercharacters 4
writingsystem
writimgsystem 1
script script
1. Orthographic term forlanguage rules
Typography: character set
2. Set concisting of basicvowels and consonants
3. For example with diacritics or syllables
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even between scripts)
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
11
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
12
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
In case of translation over 30 degrees:
M1 – M2 = p (pen nib)M1 – B = b (stem width) = p · sin 60° (0,87 p)M2 – B = a = p · sin 30° (0,5 p)r 1 = r 2 = radius
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
▲
▲
13
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
14
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
qabc▲
▲
15
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
scriptLatijn
writingsystem
alphabet 2 Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
derivedcharacters 3
non-lettercharacters 4
writingsystem
writimgsystem 1
script script
1. Orthographic term forlanguage rules
Typography: character set
2. Set concisting of basicvowels and consonants
3. For example with diacritics or syllables
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even between scripts)
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
16
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
abc
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ABC
▲
▲
17
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
18
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ParametersTimes New Roman: b
Pen width (mm): 10 / relatief 1Pen thickness (mm): 1.0Pen angle (degrees): 30.0X-height (mm): 50 / relatief 5Ascender (mm): 28.38 / relatief 2.8Descender (mm): 22.7 / relatief 2.3Stretch factor: 90%
▲
▲
19
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ParametersTimes New Roman: n
Pen width (mm): 10 / relatief 1Pen thickness (mm): 1.0Pen angle (degrees): 30.0X-height (mm): 50 / relatief 5Ascender (mm): 28.38 / relatief 2.8Descender (mm): 22.7 / relatief 2.3Stretch factor: 94%
▲
▲
20
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
nnn▲ ▲21▲▲▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Systems inOther scripts
cjkHangul
Parameterizingof composing
Parallels withmusic(theorie)
Historic models
Macro level
Harmonic Systemsand Models
Micro level
Detail descriptionsof lettermodels
Parameterizingof type design LetterModeller
Parameterizinglegibility research LetterMeasurer
Idiom Jan van Krimpen
Main part Appendix
▲
▲
22
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
23
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
scriptLatijn
writingsystem
alphabet 2 Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
derivedcharacters 3
non-lettercharacters 4
writingsystem
writimgsystem 1
script script
1. Orthographic term forlanguage rules
Typography: character set
2. Set concisting of basicvowels and consonants
3. For example with diacritics or syllables
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even between scripts)
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
24
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
25
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
def
▲
▲
26
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
scriptLatijn
writingsystem
alphabet 2 Harmonicsystem 6
Harmonicsystem 7
Harmonicsystem 5
Proportionalsystem 9
Relationalsystem 10
Rhythmicsystem 11
Harmonicmodel(s) 8
derivedcharacters 3
non-lettercharacters 4
writingsystem
writimgsystem 1
script script
1. Orthographic term forlanguage rules
Typography: character set
2. Set concisting of basicvowels and consonants
3. For example with diacritics or syllables
4. For example figures and punctuation marks(figures can be sharedbetween writing systems and even between scripts)
5. Capital
6. Roman/Textletter
7. Cursive
8. Construction(s) -relation
9. Pen width/character width
10. Pen width/x-height/contrast
11. Letters and spacing
▲
▲
27
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
28
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
29
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
30
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
31
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
32
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
33
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ø¬¬¬ ¬▲
▲
34
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
∏oπ▲
▲
35
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
36
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
30° 15°
▲
▲
37
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
r s▲
▲
38
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ro sq▲
▲
39
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ro sqvector bridge
30° 15°
▲
▲
40
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
41
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
42
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
43
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
2
31
▲
▲
44
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
45
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
46
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
47
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Harmonic model
Proportional
Relational
Rhythmic
Legibility
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Legibility
‘The problem with legibility research is that it
gives you no clues as a designer to improve the
letterforms. Thus the only thing that you can
simply do is to experiment with the shapes.’
Gerard Unger
▲
▲
48
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
minommriminommri
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Parameterizing
Music
Music
Parameterizing
Idiom
Other scripts
▲
▲
▲
49
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
minommriminommri
▲
▲
50
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Parameterizing
Music
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
mimistem interval
▲
▲
51
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Parameterizing
Music
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Cantus Firmus
Scriptus Firmus
▲
▲
52
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Parameterizing
Music
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
●
Contrapunt
▲
▲
53
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Parameterizing
Music
Music
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parallels
Würfelspiel
Parameterizing
Idiom
Other scripts
▲
▲
▲
54
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
55
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parallels
Würfelspiel
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
56
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parallels
Würfelspiel
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
57
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parallels
Würfelspiel
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
58
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parallels
Würfelspiel
Parameterizing
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
ophidiophobia pearlipic orunpincipledmoierumuinableerbinie peerie dad calcanean he plane equn
▲
▲
▲
59
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
ophidiophobia pearlipic or unpincipledmoier um uinableerbinie peerie dad calcanean he plane equn
▲
▲
60
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
61
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
62
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
63
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
64
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
née▲
▲
65
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
66
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
67
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
68
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
69
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
70
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
jjgjkh© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
jli▲
▲
71
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
jklno▲
▲
72
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
n▲ ▲73▲▲▲▲▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
74
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
75
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
12345
▲
▲
76
6789:
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
abcde
▲
▲
77
fghij
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
78
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
79
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Macro – Micro
LetterModeller
Structurs
Idiom
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲
karus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Jan van Krimpen
Other scripts
▲
▲
▲
80
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
aàâ▲
▲
81
▲▲
▲▲
▲▲
▲
karus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Jan van Krimpen
Other scripts
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Hangul
cjk
Systems
medeklinker syllabe
syllabe
syllabe
medeklinker
klinker
▲
▲
82
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
83
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Hangul
cjk
Systems
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
Ritme en kleur
▲
▲
84
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Hangul
cjk
Systems
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
85
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Hangul
cjk
Systems
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲
▲
86
▲▲
▲▲
▲▲
▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
Hangul
cjk
Systems
▲
-
© f r a n k e . b l o k l a n d , m m i x
a u t o m a t i n g t y p e d e s i g n p r o c e s s e s
s t e i g e n b e r g e r k u r h a u s h o t e l , t h e h a g u e 1 8 n o v e m b e r 2 0 0 9
▲▲
▲▲
▲▲
▲▲
ikarus and fm
Research
Systems
Legibility
Music
Parameterizing
Idiom
Other scripts
