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

The Newest New Typography

The Newest New Typography

Slides from my talk at the 2013 Ampersand conference (Brighton, UK). Starting with typography across print and screen, via the problems of representing complex documents in CSS, to the need for better semantic markup at the point of content creation.

Gerry Leonidas

June 28, 2013
Tweet

More Decks by Gerry Leonidas

Other Decks in Design

Transcript

  1. The newest new
    typography
    Gerry Leonidas
    University of Reading

    View full-size slide

  2. No, not really.

    View full-size slide

  3. If it’s Good Enough,
    it survives.

    View full-size slide

  4. convention + originality
    technology
    [ ]Z

    View full-size slide

  5. Why do you need
    typographers?

    View full-size slide

  6. Scales of reading

    View full-size slide

  7. > within document
    > within article
    > within paragraph
    > along the line

    View full-size slide

  8. [and very little to o er:]
    > between documents

    View full-size slide

  9. T Y POGRAPHIC
    THINK TANK
    Our purpose
    Set standards for typographic excellence in new media.
    Encourage development of new tools for digital typography,
    and the adoption & use of those tools
    by visual designers.
    Preserve traditional typographic knowledge
    and apply it creatively to digital media.
    Our focus
    Long text for extended reading
    on digital screens.
    |
    Let’s talk
    .
    415 203 9306 | [email protected]

    View full-size slide

  10. > H&J
    > Grids
    > Media query
    >Keep & break controls
    > Element query

    View full-size slide

  11. Shift the focus from
    tradition to e ciency

    View full-size slide

  12. Try something di cult,
    to discover what breaks.

    View full-size slide

  13. Reference work?

    View full-size slide

  14. This, then that, then
    the other; keep them
    together; don’t mess the
    spacing and type styles.

    View full-size slide

  15. > Sequence
    > Grouping
    > Micro-typography

    View full-size slide

  16. a bit of structured text

    View full-size slide

  17. stu that appears really
    complicated?

    View full-size slide

  18. David Hughes and
    Jamie Neely,
    and Jake Giltso

    View full-size slide

  19. footnotes doable, but…

    View full-size slide

  20. > line control
    > numbering / sorting

    View full-size slide

  21. > OT feature subset?
    > semantic associations
    > continuity

    View full-size slide

  22. but…
    typographers see this:

    View full-size slide

  23. From object structures
    to semantic structures

    View full-size slide

  24. My wish list

    View full-size slide

  25. Structural + Semantic
    markup at the time of
    authoring.

    View full-size slide

  26. content
    ntent conte

    View full-size slide

  27. content
    ntent conte
    content
    content

    View full-size slide


  28. This is important stu .


    chainbefore="container">
    Less important stu .

    View full-size slide

  29. Authoring environments!

    View full-size slide

  30. Author writing tools >
    >document structure >
    >reader’s experience >
    >design conventions >
    >author's assumptions

    View full-size slide

  31. Markdown+ please!

    View full-size slide

  32. @gerryleonidas
    Thank you

    View full-size slide