Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The life and death of design systems

426 views

Published on

Front end united 2016.
Designing interfaces at scale, in an iterative and agile environment, requires more than skills. From vision to execution, it's all about rationalizing your design language through component thinking -- simply put, building the bricks for others to build castles with.

Published in: Design
  • Be the first to comment

The life and death of design systems

  1. 1. Design systems The life and death of @ilovegraphics
  2. 2. Hi, 
 my name 
 is Zélia! 
 I’m a designer. Absolutely 
 not Paris London Stockholm @ilovegraphics
  3. 3. that s****
  4. 4. Atomic design Tiles Patterns Style libraries Systems Sprites Styleguides
  5. 5. We’re not designing pages, we’re designing systems of components.” — Stephen Hay
 Quoted on http://atomicdesign.bradfrost.com/
  6. 6. Look at all the nice pages 
 I made you!
  7. 7. “Print is SO much more technical. At least, with the web, you have some sort of control.” Me, circa 2005.
  8. 8. ResponsiveMaking your life terrible since 2011.
  9. 9. Bigger teamsGrowing real estate Longer Time span
  10. 10. Know who else has been doing this for ages?
  11. 11. Omg print y’all!!!
  12. 12. The modern way
  13. 13. Atom SEARCH
  14. 14. Molecule SEARCH THE SITE Enter keyword SEARCH
  15. 15. Organism SEARCH THE SITE Enter keyword SEARCH HOME ABOUT CONTACT
  16. 16. Templates SEARCH THE SITE Enter keyword SEARCH HOME ABOUT CONTACT
  17. 17. Enter keyword SEARCH HOME ABOUT CONTACT LOREM IPSUM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum nunc tortor, et tempus lectus egestas vel. LOREM IPSUM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum nunc tortor, et tempus lectus egestas vel. LOREM IPSUM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum nunc tortor, et tempus lectus egestas vel.Pages SEARCH THE SITE
  18. 18. We should have lived happily ever after
  19. 19. But wait.

  20. 20. Let’s replace one confusing metaphor by another.
  21. 21. HAMBURGERZ ARE SEXY
  22. 22. We all know what burgers are made of.
  23. 23. Here is your hamburger good sir. Customers can’t understand design out of context
  24. 24. The sad truth about hamburgers. Reality is far from the pictures.
  25. 25. Cooking hamburgers like you are a british gastro pub.
  26. 26. The menu matters as much as the food Vision Style tiles
  27. 27. http://styletil.es/
  28. 28. Cook with the right tools Sketch
  29. 29. http://www.zeplin.io/
  30. 30. Keep the ingredients
 fresh Livestyleguide or die
  31. 31. http://www.frontify.com/
  32. 32. Our your own, self-hosted, 
 live style guide.
  33. 33. But stop the damn cooking lingo.
  34. 34. Save your projects.
 Say no to complex metaphors.

  35. 35. HAMBURGHARDER!
  36. 36. Thanks! @ilovegraphics

×