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

The Designer’s Guide to Being Essential

Simon Collison
September 14, 2015

The Designer’s Guide to Being Essential

"I move things around until they look right,” confessed veteran designer Milton Glaser. This is delightfully unpretentious — and Simon’s favourite quote — yet it’s not quite so easy for today’s digital designer. He or she must not only make things look right, but also embrace new methodologies, new tools, be essential to a team, be mindful of limitations, and wrestle with the suggestion that websites are all but redundant. As this practical argument will explain, there’s nothing for any of us to worry about, so long as every thing — and every one — is a module.

Simon Collison

September 14, 2015
Tweet

More Decks by Simon Collison

Other Decks in Design

Transcript

  1. BEING ESSENTIAL
    Simon Collison | @colly
    The Designer’s Guide to

    View Slide

  2. View Slide

  3. WHO WE ARE

    View Slide

  4. ABOUT US

    View Slide

  5. ABOUT BEING HUMAN

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. View Slide

  26. View Slide

  27. Trousers slide

    View Slide

  28. View Slide

  29. RECONNECTING

    View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. DISCONNECTING

    View Slide

  38. DISCONNECTING

    View Slide

  39. View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. Climb the mountains and get their good tidings.
    Nature's peace will flow into you as sunshine flows
    into trees. The winds will blow their own freshness
    into you, and the storms their energy, while cares
    will drop away from you like the leaves of Autumn.
    John Muir

    View Slide

  45. RECONNECTING

    View Slide

  46. HUMANS. INDIVIDUALS.

    View Slide

  47. AM I A BETTER DESIGNER?

    View Slide

  48. AM I A BETTER DESIGNER?

    View Slide

  49. MY LIFE IS MODULAR

    View Slide

  50. I move things around
    until they look right.
    Milton Glaser

    View Slide

  51. I move things around
    until they look right.
    Milton Glaser

    View Slide

  52. I move things around
    until they look right.
    Milton Glaser

    View Slide

  53. WHEN I WAS A KID…

    View Slide

  54. WHEN I WAS A KID…

    View Slide

  55. THIS IS WHO WE ARE

    View Slide

  56. THE DEATH
    OF WEB DESIGN

    View Slide

  57. THE DEATH
    OF WEB DESIGN

    View Slide

  58. THE DEATH
    OF WEB DESIGN

    View Slide

  59. View Slide

  60. View Slide

  61. View Slide

  62. DESIGN EVOLVES

    View Slide

  63. MACHINES

    View Slide

  64. [A designer is]
    a planner with an aesthetic sense.
    Bruno Munari

    View Slide

  65. EMPATHY

    View Slide

  66. How will you prove you’re be er
    than a machine?
    Travis Gertz
    h ps://louderthanten.com/articles/story/design-machines

    View Slide

  67. TOOLS

    View Slide

  68. SHOULD WE CODE?

    View Slide

  69. HTML is not code. It's markup.
    Just like typese ing. Which is firmly
    in the realm of designers.
    Mark Boulton

    View Slide

  70. HTML is not code. It's markup.
    Just like typese ing. Which is firmly
    in the realm of designers.
    Mark Boulton

    View Slide

  71. http://tools.subtraction.com

    View Slide

  72. BRAINS.
    IDEAS.
    REALISATION.

    View Slide

  73. BRAINS.
    IDEAS.
    REALISATION.

    View Slide

  74. BRAINS.
    IDEAS.
    REALISATION.

    View Slide

  75. BRAINS.
    IDEAS.
    REALISATION.

    View Slide

  76. BRAINS.
    IDEAS.
    REALISATION.

    View Slide

  77. MY TEAM

    View Slide

  78. MY TEAM

    View Slide

  79. DELIVERABLES

    View Slide

  80. http://smacss.com

    View Slide

  81. http://daverupert.com/2013/04/responsive-deliverables

    View Slide

  82. http://filamentgroup.com/lab/grade_components/

    View Slide

  83. http://pattern-lab.info/

    View Slide

  84. LANGUAGE

    View Slide

  85. LANGUAGE

    View Slide

  86. Find problems and design responses.
    Not answers, not solutions.
    Responses.

    View Slide

  87. All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    All work and no play makes Jack a dull boy.
    Jack Torrance

    View Slide

  88. FLEXIBILITY

    View Slide

  89. KEEP LEARNING

    View Slide

  90. @colly
    THANK YOU

    View Slide