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

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 Slide

  2. edge
    the

    View Slide

  3. Inspiration

    View Slide

  4. Donovan Claus Sharapova

    View Slide

  5. Part one
    The individual

    View Slide

  6. View Slide

  7. Strengths & values

    View Slide

  8. 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 Slide

  9. Learning

    View Slide

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

    View Slide

  11. View Slide

  12. View Slide

  13. Craftsmanship

    View Slide

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

    View Slide

  15. View Slide

  16. Our tools

    View Slide

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

    View Slide

  18. View Slide

  19. View Slide

  20. Inquiry

    View Slide

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

    View Slide

  22. View Slide

  23. Think smarter

    View Slide

  24. 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 Slide

  25. Part two
    The wider web

    View Slide

  26. Visual grammar

    View Slide

  27. 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 Slide

  28. View Slide

  29. Mistakes

    View Slide

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

    View Slide

  31. View Slide

  32. Patterns &
    interactions

    View Slide

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

    View Slide

  34. The frame

    View Slide

  35. 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 Slide

  36. View Slide

  37. View Slide

  38. View Slide

  39. View Slide

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

    View Slide

  41. http://wallswaps.com/

    View Slide

  42. http://wallswaps.com/

    View Slide

  43. Systems

    View Slide

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

    View Slide

  45. View Slide

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

    View Slide

  47. Vocabulary

    View Slide

  48. 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 Slide

  49. Responsive
    Web Design

    View Slide

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

    View Slide

  51. View Slide

  52. View Slide

  53. What next?

    View Slide

  54. View Slide

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

    View Slide

  56. Finally

    View Slide

  57. View Slide

  58. The
    in the
    ordinary
    extraordinary

    View Slide

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

    View Slide