Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Handwritten Educational Font Project

Handwritten Educational Font Project

This presentation is about my experience teaching typography at the Bruno Cassinari art school in Piacenza, Italy. The name of the class was 5th G (Graphic); students were 18 years of age.

The aim of the course was to make the students aware of the basic role of letters in the process of design, within the understanding and representation of information structures, as well as the comprehension of personal design identity, i.e., developing one’s own “style” to apply to graphic projects. Lettering as a mean to know, to know how, and to act — in Italian: “il sapere, il saper fare, il saper essere.”

Each lecture was organized to stimulate sharing ideas and welcome questions. The introduction to the topic of each meeting saw the presentation of physical objects, such as wooden block letters or LP record covers (vinyl’s sleeves). Teaching topics included calligraphic styles, samples of the imaginative power of letters, principles of basic design and writing, graphology, the letter as an object, anatomy of letterforms, the Vox and Novarese type classifications, principles of book layout, introduction to digital type design and fontography, typography and poetry, introduction to calligram and palindromic compositions, typography and music covers design, typography and information architecture.

Short workshops were organized to experience the application of the ideas generated in class, using both the hands and the computer. The final workshop made use of the students’ handwriting for a chirographic font.

To each of the 16 students I assigned a group of glyphs so that one person did not happen to write two consecutive letters in alphabetical order. Talking about design constraints, I requested the use of a 1mm flat felt-tip pen, and 10cm square paper sheets. None of the student approached the letter-drawing task creating contours or outlines, they all wrote the characters. Once the handwritten characters were collected, we tried to get some order/structure done: students started a process of rough normalization of the signs. That was done in Macromedia Freehand. Beside the pen, I showed the student another tool to design letters; the software Fontographer.

There are several type design methods, they depend on the type of project. Sometimes it is enough to start from just a few hand-drawn rough sketches and other times from a whole alphabet of tight drawings. I think it is advisable to sketch something on paper first (rather than starting from scratch on the computer), but most of the real design work happens once the designer get the shapes on the computer screen. The iterative process of shaping letters on screen and proofing them at different sizes into words is where the designing happens.

The students had to figure out how to get those letter shapes on a software grid to be designed as a font. The result or outcome was random, “a font written by a schizophrenic person or a group of normal persons,” as Luc Devroye described it. After the 5g font was done, I collected 20 reviews by friends from different countries — mostly designers and artists —, different views about that one handwritten typeface completed by several people at once.

I saw in the students an unexpected interest and curiosity in how the font works — the possibility to ‘write’ with their class’ character. I asked them individually to write a short comment, a classroom memory of sort. “That was really interesting, because asking them to typeset a personal comment about how the font relates to the classmates, meant students ended up sharing things they hardly shared before” said Cristina Martini, the art teacher of the class. The font project was a social artifact.

https://vimeo.com/464382482

The participants were exposed, in an entertaining way, to the educational and architectural role of typography. The font was a real “memory object" for the students. In my opinion typography is about preservation, and it has the power to reach the essence of human communication. Teaching typography is therefore a responsibility for all educators, not only in art and design schools.

Alessandro Segalini

June 28, 2004
Tweet

More Decks by Alessandro Segalini

Other Decks in Education

Transcript

  1. 5g font Alessandro Segalini and 16 other people.
    this is
    the 5g
    font, he :)

    View Slide

  2. 5g font Alessandro Segalini and 16 other people.
    this 5g
    was a class at the art
    school in Piacenza, Italy.

    View Slide

  3. 5g font Alessandro Segalini and 16 other people.
    after tea-
    ching
    some type design basics

    View Slide

  4. 5g font Alessandro Segalini and 16 other people.
    I got the idea
    for a “memento font”
    so I chose the tool...

    View Slide

  5. 5g font Alessandro Segalini and 16 other people.
    1.8 mm

    View Slide

  6. 5g font Alessandro Segalini and 16 other people.
    ABC ?

    View Slide

  7. 5g font Alessandro Segalini and 16 other people.
    Elisabetta Agosti
    A Q g w 0
    Tania Baldrighi
    B R h x (
    Noemi Bongiorni
    C S i ì y
    Lorenzo Castelnuovo
    D T j z ;
    Chiara Capelletti
    E U k & [
    Micaela Cavallari
    F V l @ ”
    Elisa Dainese
    G W m — ’
    Giacomo De Meo
    H X n 1 :
    Maddalena Mazza
    I Y o 2 !
    Elena Montanari
    J Z p 3 ?
    Alberto Pastorenzi
    K a à q 4
    Noemi Rivetti
    L b r 5 #
    Andrea Sbalbi
    M c s 6 /
    Marcantonio Viali
    P f v 9 €
    Stefania Vei
    O e é è u 8
    Cristina Martini
    N d t 7 *
    «Are we spoiled by alphabetical order ?»

    View Slide

  8. 5g font Alessandro Segalini and 16 other people.

    View Slide

  9. 5g font Alessandro Segalini and 16 other people.

    View Slide

  10. 5g font Alessandro Segalini and 16 other people.

    View Slide

  11. 5g font Alessandro Segalini and 16 other people.
    This is another tool.

    View Slide

  12. 5g font Alessandro Segalini and 16 other people.
    5g Regular
    abcdefghijklmnopqrstuvwxyz
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    á à ä å é è ë ì ï ó ò ö õ ù ü .,;:’”@£
    & 1234567890 #
    [/]()—_<> «» !?+=
    5g Slanted
    abcdefghijklmnopqrstuvwxyz
    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    View Slide

  13. 5g font Alessandro Segalini and 16 other people.
    5g Bold
    abcdefghijklmnopqrstuvwxyz
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    á à ä å é è ë ì ï ó ò ö õ ù ü .,;:’”@£
    & 1234567890 #
    [/]()—_<> «» !?+=
    5g Bold Slanted
    abcdefghijklmnopqrstuvwxyz
    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    View Slide

  14. 5g font Alessandro Segalini and 16 other people.
    Comments:

    View Slide

  15. 5g font Alessandro Segalini and 16 other people.
    Eclecticism is dominat, each letter and number funda-
    mentally has a proper life and personality but, extraordi-
    narily, their continuously alternating difference makes
    them nevertheless in harmony. It would be something
    like to line up many people of different races but dres-
    sed up all the same way, with the same physique and the
    same hair style. There is something that unites those
    signs. If I had to define this font with a single adjec-
    tive, I’d say that is a “wriggling” character.
    Cristina Martini, teacher.
    N d t 7 *

    View Slide

  16. 5g font Alessandro Segalini and 16 other people.
    What can I say ?
    Being us very different persons and too often
    in contrast with each other, the final result is fiercely
    homogeneous...
    May be that we are more similar than what we thought ?
    And that digging in the dark we will find a cranky sense
    of similarity of ideas which bounds us !??
    This font could be a sparkle in the dark around which
    we can create a light... How I am poetic, eh?
    Marcantonio Viali, student.
    P f v 9

    View Slide

  17. 5g font Alessandro Segalini and 16 other people.
    I found it very like to create a font of our class
    with our handwriting !!!
    It is a nice memory that few people can have,
    maybe more nice than a simple class photo...
    Noemi Rivetti, student.
    l b r 5 #

    View Slide

  18. 5g font Alessandro Segalini and 16 other people.
    5g looks charming.
    I particularly like that the density in the caps is so
    uneven. This is something few people would dare to do.
    On the other hand, some of this could be the rasteri-
    zation, which is always amazingly defective at screen
    resolutions.
    Bill Troop.

    View Slide

  19. 5g font Alessandro Segalini and 16 other people.
    I don’t think of that as a font at all.
    We could maybe argue some observations about the
    didactics of the writing (if it is funny and useful
    to introduce in that way certain questions, etc.).
    But as a font, I can’t really say nothing.
    Giovanni Lussu.

    View Slide

  20. 5g font Alessandro Segalini and 16 other people.
    I like your font very much, my mother too.
    She used it in some christmans cards for an avangarde
    theatre from Katowice (Poland).
    Konstancja Satalecka.

    View Slide

  21. 5g font Alessandro Segalini and 16 other people.
    Yes, I see, different letters made by different people.
    Must have been hard to coordinate all that.
    The effect is “random”,
    a font written by a schizophrenic person,
    or a group of normal persons. Interesting.
    Luc Devroye.

    View Slide

  22. 5g font Alessandro Segalini and 16 other people.
    Definitely schizoid !
    I am happy that the most earnest psychiatric
    pathology get its space they deserve in graphic design
    education.
    Luciano Perondi.

    View Slide

  23. 5g font Alessandro Segalini and 16 other people.
    It is great really !
    The people’s handwritting should tell about their
    psichology - can you read behind the letters? And how
    you explain to students that to do - I mean how so many
    people can make one handwriting font which is look like
    one face?
    Masha Sumnina.

    View Slide

  24. 5g font Alessandro Segalini and 16 other people.
    Your project is very interesting.
    I could imagine that it could also inspire some student
    in Art Education department, those in the sixth floor
    here at TaiK. You know, the Taidekasvatuksen osasto.
    It is a case you showed to be possible to create and teach
    when knowing enough of fonts, right programs etc.
    Tapio Vapaasalo.

    View Slide

  25. 5g font Alessandro Segalini and 16 other people.
    Most of uppercases have a too strong weight.
    The horizontal bar of the A seems to be a little bit
    too large in order to be used with lowercases into
    a handwriting-like text. Other shapes are good to me.
    More over, this font is a good example of what should be
    a handwriting-like font for computers.
    Thierry Arsaut.

    View Slide

  26. 5g font Alessandro Segalini and 16 other people.
    Font is remarkable ! Perfectly !
    Sure all the students appreciate it and want to use it.
    Yes, a font is beautiful !
    I like, that it had such “colour”
    ,
    pure quality of white and black.
    Vera Khlebnikova.

    View Slide

  27. 5g font Alessandro Segalini and 16 other people.
    ABC ?
    = signs by another hand

    View Slide

  28. 5g font Alessandro Segalini and 16 other people.
    A

    View Slide

  29. 5g font Alessandro Segalini and 16 other people.
    Q

    View Slide

  30. 5g font Alessandro Segalini and 16 other people.
    g

    View Slide

  31. 5g font Alessandro Segalini and 16 other people.
    w

    View Slide

  32. 5g font Alessandro Segalini and 16 other people.
    0

    View Slide

  33. 5g font Alessandro Segalini and 16 other people.
    B

    View Slide

  34. 5g font Alessandro Segalini and 16 other people.
    R

    View Slide

  35. 5g font Alessandro Segalini and 16 other people.
    h

    View Slide

  36. 5g font Alessandro Segalini and 16 other people.
    x

    View Slide

  37. 5g font Alessandro Segalini and 16 other people.
    )

    View Slide

  38. 5g font Alessandro Segalini and 16 other people.
    C

    View Slide

  39. 5g font Alessandro Segalini and 16 other people.
    S

    View Slide

  40. 5g font Alessandro Segalini and 16 other people.
    i

    View Slide

  41. 5g font Alessandro Segalini and 16 other people.
    ì

    View Slide

  42. 5g font Alessandro Segalini and 16 other people.
    y

    View Slide

  43. 5g font Alessandro Segalini and 16 other people.
    D

    View Slide

  44. 5g font Alessandro Segalini and 16 other people.
    T

    View Slide

  45. 5g font Alessandro Segalini and 16 other people.
    j

    View Slide

  46. 5g font Alessandro Segalini and 16 other people.
    z

    View Slide

  47. 5g font Alessandro Segalini and 16 other people.
    ;

    View Slide

  48. 5g font Alessandro Segalini and 16 other people.
    E

    View Slide

  49. 5g font Alessandro Segalini and 16 other people.
    U

    View Slide

  50. 5g font Alessandro Segalini and 16 other people.
    k

    View Slide

  51. 5g font Alessandro Segalini and 16 other people.
    &

    View Slide

  52. 5g font Alessandro Segalini and 16 other people.
    [

    View Slide

  53. 5g font Alessandro Segalini and 16 other people.
    F

    View Slide

  54. 5g font Alessandro Segalini and 16 other people.
    V

    View Slide

  55. 5g font Alessandro Segalini and 16 other people.
    l

    View Slide

  56. 5g font Alessandro Segalini and 16 other people.
    @

    View Slide

  57. 5g font Alessandro Segalini and 16 other people.

    View Slide

  58. 5g font Alessandro Segalini and 16 other people.
    G

    View Slide

  59. 5g font Alessandro Segalini and 16 other people.
    W

    View Slide

  60. 5g font Alessandro Segalini and 16 other people.
    m

    View Slide

  61. 5g font Alessandro Segalini and 16 other people.

    View Slide

  62. 5g font Alessandro Segalini and 16 other people.

    View Slide

  63. 5g font Alessandro Segalini and 16 other people.
    H

    View Slide

  64. 5g font Alessandro Segalini and 16 other people.
    X

    View Slide

  65. 5g font Alessandro Segalini and 16 other people.
    n

    View Slide

  66. 5g font Alessandro Segalini and 16 other people.
    1

    View Slide

  67. 5g font Alessandro Segalini and 16 other people.
    :

    View Slide

  68. 5g font Alessandro Segalini and 16 other people.
    I

    View Slide

  69. 5g font Alessandro Segalini and 16 other people.
    Y

    View Slide

  70. 5g font Alessandro Segalini and 16 other people.
    o

    View Slide

  71. 5g font Alessandro Segalini and 16 other people.
    2

    View Slide

  72. 5g font Alessandro Segalini and 16 other people.
    !

    View Slide

  73. 5g font Alessandro Segalini and 16 other people.
    J

    View Slide

  74. 5g font Alessandro Segalini and 16 other people.
    Z

    View Slide

  75. 5g font Alessandro Segalini and 16 other people.
    p

    View Slide

  76. 5g font Alessandro Segalini and 16 other people.
    3

    View Slide

  77. 5g font Alessandro Segalini and 16 other people.
    ?

    View Slide

  78. 5g font Alessandro Segalini and 16 other people.
    K

    View Slide

  79. 5g font Alessandro Segalini and 16 other people.
    a

    View Slide

  80. 5g font Alessandro Segalini and 16 other people.
    à

    View Slide

  81. 5g font Alessandro Segalini and 16 other people.
    q

    View Slide

  82. 5g font Alessandro Segalini and 16 other people.
    4

    View Slide

  83. 5g font Alessandro Segalini and 16 other people.
    L

    View Slide

  84. 5g font Alessandro Segalini and 16 other people.
    b

    View Slide

  85. 5g font Alessandro Segalini and 16 other people.
    r

    View Slide

  86. 5g font Alessandro Segalini and 16 other people.
    5

    View Slide

  87. 5g font Alessandro Segalini and 16 other people.
    #

    View Slide

  88. 5g font Alessandro Segalini and 16 other people.
    M

    View Slide

  89. 5g font Alessandro Segalini and 16 other people.
    c

    View Slide

  90. 5g font Alessandro Segalini and 16 other people.
    s

    View Slide

  91. 5g font Alessandro Segalini and 16 other people.
    6

    View Slide

  92. 5g font Alessandro Segalini and 16 other people.
    /

    View Slide

  93. 5g font Alessandro Segalini and 16 other people.
    N

    View Slide

  94. 5g font Alessandro Segalini and 16 other people.
    d

    View Slide

  95. 5g font Alessandro Segalini and 16 other people.
    t

    View Slide

  96. 5g font Alessandro Segalini and 16 other people.
    *

    View Slide

  97. 5g font Alessandro Segalini and 16 other people.
    O

    View Slide

  98. 5g font Alessandro Segalini and 16 other people.
    é

    View Slide

  99. 5g font Alessandro Segalini and 16 other people.
    è

    View Slide

  100. 5g font Alessandro Segalini and 16 other people.
    u

    View Slide

  101. 5g font Alessandro Segalini and 16 other people.
    8

    View Slide

  102. 5g font Alessandro Segalini and 16 other people.
    P

    View Slide

  103. 5g font Alessandro Segalini and 16 other people.
    v

    View Slide

  104. 5g font Alessandro Segalini and 16 other people.
    9

    View Slide

  105. 5g font Alessandro Segalini and 16 other people.
    £

    View Slide

  106. Elisabetta Agosti
    A Q g w 0
    Tania Baldrighi
    B R h x (
    Noemi Bongiorni
    C S i ì y
    Lorenzo Castelnuovo
    D T j z ;
    Chiara Capelletti
    E U k & [
    Micaela Cavallari
    F V l @ ”
    Elisa Dainese
    G W m — ’
    Giacomo De Meo
    H X n 1 :
    Maddalena Mazza
    I Y o 2 !
    Elena Montanari
    J Z p 3 ?
    Alberto Pastorenzi
    K a à q 4
    Noemi Rivetti
    L b r 5 #
    Andrea Sbalbi
    M c s 6 /
    Cristina Martini
    N d t 7 *
    Stefania Vei
    O e é è u 8
    Marcantonio Viali
    P f v 9 �
    Tania Baldrighi
    B R h x (
    Lorenzo Castelnuovo
    D T j z ;
    Micaela Cavallari
    F V l @ ”
    Giacomo De Meo
    H X n 1 :
    Elena Montanari
    J Z p 3 ?
    Noemi Rivetti
    L b r 5 #
    Cristina Martini
    N d t 7 *
    Marcantonio Viali
    P f v 9 �
    9 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,:;!?-+#*&%$�"()/|\<>äöÖü
    10 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,:;!?-+#*&%$�"()/|\<>äöÖü
    12 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,:;!?-+#*&%$�"()/|\<>äöÖü
    14 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,:;!?-+#*&
    18
    ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123
    24
    ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklm
    ��������������������������
    ��������������������������
    � � � � � � � � � � � � � � � ��������
    � ���������� �
    ��������������������������
    ��������������������������
    ����������
    ���������
    ��������������������������
    ��������������������������
    � � � � � � � � � � � � � � � ��������
    � ���������� �
    ��������� �� ����
    ����������
    ��������� �� ����
    ���Slanted
    ��������������������������
    ��������������������������

    View Slide