$30 off During Our Annual Pro Sale. View Details »

Web Typography and the Case of the Voluptuous Curl

Dan Denney
August 19, 2011

Web Typography and the Case of the Voluptuous Curl

This is Allison House's presentation from the 2011 Front-End Design Conference

Dan Denney

August 19, 2011
Tweet

More Decks by Dan Denney

Other Decks in Design

Transcript

  1. Hi! Iʼm @house
    Wednesday, August 17, 2011

    View Slide

  2. Web Typography
    AND THE CASE of the
    Voluptuous Curl
    Wednesday, August 17, 2011

    View Slide

  3. Something
    in the air
    Wednesday, August 17, 2011

    View Slide

  4. Weʼve spent a lot
    of time grasping
    the web medium
    Wednesday, August 17, 2011

    View Slide

  5. Less pedantic
    More expressive
    Wednesday, August 17, 2011

    View Slide

  6. Pushing past
    technical
    constraint
    Wednesday, August 17, 2011

    View Slide

  7. Better technology
    Better tools
    Wednesday, August 17, 2011

    View Slide

  8. Better(ish) clients
    Wednesday, August 17, 2011

    View Slide

  9. “These days pretty much all of our
    prospective clients understand what user
    experience is and appreciate its importance.”
    — Andy Budd, “I Don’t Care About User Experience”
    Wednesday, August 17, 2011

    View Slide

  10. Itʼs okay to be
    yourself now
    Wednesday, August 17, 2011

    View Slide

  11. Less pedantic
    Better tools + tech
    Being yourself
    Wednesday, August 17, 2011

    View Slide

  12. A new level of
    language for
    communication
    Wednesday, August 17, 2011

    View Slide

  13. Expressiveness
    in typography
    Wednesday, August 17, 2011

    View Slide

  14. SADNESS
    Wednesday, August 17, 2011

    View Slide

  15. “Cluster,” Canvas and SVG
    Wednesday, August 17, 2011

    View Slide

  16. “Web Typography for the Lonely aims to
    excite designers about the possibilities of
    cutting-edge web standards and
    javascript through beautiful and
    inspiring typographic explorations.”
    Wednesday, August 17, 2011

    View Slide

  17. “Web Typography for the Lonely aims to
    excite designers about the possibilities of
    cutting-edge web standards and
    javascript through beautiful and
    inspiring typographic explorations.”
    Wednesday, August 17, 2011

    View Slide

  18. Wednesday, August 17, 2011

    View Slide

  19. Wednesday, August 17, 2011

    View Slide

  20. Engaging
    with animation
    Wednesday, August 17, 2011

    View Slide

  21. Wednesday, August 17, 2011

    View Slide

  22. Narrative on the
    web is largely
    unexplored
    Wednesday, August 17, 2011

    View Slide

  23. Fictional narrative
    + interaction
    = video games
    Wednesday, August 17, 2011

    View Slide

  24. The fourth wall is
    between you and
    the story
    Wednesday, August 17, 2011

    View Slide

  25. Non-diegetic
    elements are
    outside the world
    Wednesday, August 17, 2011

    View Slide

  26. Wednesday, August 17, 2011

    View Slide

  27. Diegetic interface
    elements are part
    of the world
    Wednesday, August 17, 2011

    View Slide

  28. Wednesday, August 17, 2011

    View Slide

  29. Wednesday, August 17, 2011

    View Slide

  30. Is that practical?
    Wednesday, August 17, 2011

    View Slide

  31. "The more true to life your application
    looks and behaves, the easier it is for people
    to understand how it works and the more
    they enjoy using it."
    — iOS human interface guidelines
    Wednesday, August 17, 2011

    View Slide

  32. Wednesday, August 17, 2011

    View Slide

  33. Narrative has
    made a few web
    appearances
    Wednesday, August 17, 2011

    View Slide

  34. Wednesday, August 17, 2011

    View Slide

  35. “Our public face is no longer so different
    from our private one. That shift changes
    our expectations of the brands, products and
    services we consume. We want them to be as
    human as we are.”
    — Aarron W
    alter, “Emotion in Design”
    Wednesday, August 17, 2011

    View Slide

  36. Wednesday, August 17, 2011

    View Slide

  37. Wednesday, August 17, 2011

    View Slide

  38. Wednesday, August 17, 2011

    View Slide

  39. So many creative
    possibilities to be
    discovered
    Wednesday, August 17, 2011

    View Slide

  40. We already
    have the skills
    Wednesday, August 17, 2011

    View Slide

  41. Keep pushing
    boundaries with
    experimentation
    Wednesday, August 17, 2011

    View Slide