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

Notes From The Edge

Simon Collison
November 25, 2011

Notes From The Edge

Edge Of The Web, Perth, Australia, July 2011

Simon Collison

November 25, 2011
Tweet

More Decks by Simon Collison

Other Decks in Design

Transcript

  1. Notes
    From The Edge
    Simon Collison
    Edge of the Web, July 2011
    @colly colly.com

    View full-size slide

  2. Donovan Claus Sharapova

    View full-size slide

  3. Part one
    The individual

    View full-size slide

  4. Strengths & values

    View full-size slide

  5. To progress and to create work of
    substance or even greatness, we
    each must start by knowing our
    values, our strengths, and the level
    of expertise we seek
    Strengths and values

    View full-size slide

  6. The sad, beautiful fact that
    we’re all going to miss almost
    everything.
    Linda Holmes

    View full-size slide

  7. Craftsmanship

    View full-size slide

  8. Cra smanship is a basic human
    impulse: the desire to do a job
    well for its own sake.
    Cra smanship

    View full-size slide

  9. Tools are the scaffold for what we
    produce, the enablers, they help us
    bring our ideas to fruition.
    Our tools

    View full-size slide

  10. Inquiring beyond the “necessary”
    to explore other areas, look at
    things differently, and bring these
    findings back into our work.
    Inquiry

    View full-size slide

  11. Think smarter

    View full-size slide

  12. Individual lines of inquiry are what
    will, more than anything else, drive
    us to develop greater maturity of
    the discipline of web design.
    Think smarter

    View full-size slide

  13. Part two
    The wider web

    View full-size slide

  14. Visual grammar

    View full-size slide

  15. A rich alphabet of components such as
    line and point, structure, color, shapes,
    rhythm, and movement, which we use
    to shape our messages
    Visual grammar

    View full-size slide

  16. Those who never made a mistake
    never made anything.
    Proverb

    View full-size slide

  17. Patterns &
    interactions

    View full-size slide

  18. The screen brings with it different
    kinds of challenges for visual design,
    some of which occur exclusively in
    interactive media.
    Jason Santa Maria

    View full-size slide

  19. The frame of reference marks the
    outer limits of a design and defines
    an area within which the created
    elements and le -over blank space,
    if any, all work together.
    The frame

    View full-size slide

  20. http://www.chromeexperiments.com/detail/browser-ball/

    View full-size slide

  21. http://wallswaps.com/

    View full-size slide

  22. http://wallswaps.com/

    View full-size slide

  23. We don’t design web pages.
    We design systems.
    Systems

    View full-size slide

  24. http://gregorywood.co.uk/ http://jasonsantamaria.com/

    View full-size slide

  25. It's my belief that our community
    has a shared responsibility to
    expand this visual language as it
    applies to the ebb and flow of the
    web, and in turn evolve our wri en
    and verbal vocabulary.
    Vocabulary

    View full-size slide

  26. Responsive
    Web Design

    View full-size slide

  27. The terms responsive and adaptive
    are distinct yet related, and have
    evolved naturally from outdated
    web-based layout terminology
    Responsive web design

    View full-size slide

  28. We are the web. We are the makers,
    the explorers, the end users.
    What next?

    View full-size slide

  29. The
    in the
    ordinary
    extraordinary

    View full-size slide

  30. Thank you
    Simon Collison
    @colly
    h p://colly.com

    View full-size slide