Successfully reported this slideshow.

Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ

0

Share

1 of 36
1 of 36

Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ

0

Share

Download to read offline

IxDA Helsinki x Exove meetup 19.10.2017
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs?
by AKI-VILLE PÖYKIÖ

We created a fluid, ever-changing brand for Women in Tech, a diversity in technology movement kickstarted in Singapore. ED’s design director Aki-Ville Pöykiö tells the story and how we survived an algorithm gone rogue.

IxDA Helsinki x Exove meetup 19.10.2017
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs?
by AKI-VILLE PÖYKIÖ

We created a fluid, ever-changing brand for Women in Tech, a diversity in technology movement kickstarted in Singapore. ED’s design director Aki-Ville Pöykiö tells the story and how we survived an algorithm gone rogue.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ

  1. 1. Metaballs, isosurfaces & black boxes Adventures in programmatic branding Aki-Ville Exove Design
  2. 2. www.womenintech.sg
  3. 3. Women Technology
  4. 4. Diversity Technology
  5. 5. Diversity Technology Movement Dynamic Evolving Change Interactive
  6. 6. Techy but organic Programmed but freeform Diverse, not dualistic
  7. 7. Brand = Code
  8. 8. Isosurfaces.
  9. 9. An isosurface is a surface created by applying one or more functions onto a 3d space or a 2d plane. An isosurface is a level set of this function.
  10. 10. F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2
  11. 11. Metaballs.
  12. 12. Metaballs are a subset of isosurfaces. And also organic-looking n-dimensional objects.
  13. 13. F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2 v M(x,y) = R / sqrt( (x-x0)^2 + (y-y0)^2 )
  14. 14. CC BY-SA 3.0 https://commons.wikimedia.org/w/index.php?curid=5237220
  15. 15. 1. Iterate through every pixel on the screen 2. Iterate through every Metaball in the world 3. Calculate that Metaball's function for the current pixel, and add it to that coordinate's current value.
  16. 16. Processing.org
  17. 17. Done!
  18. 18. Not so fast...
  19. 19. What happen?In > > Out “Black box”
  20. 20. Client > Designer > Algorithm > Result
  21. 21. Client > Designer > Algorithm > Result
  22. 22. Client > > Algorithm > Result ?
  23. 23. Client > > Algorithm > Result
  24. 24. Client > Designer > Algorithm > Result
  25. 25. Client > Designer > > Algorithm > Result?
  26. 26. Client > Designer > UI > Algorithm > Result
  27. 27. Thanks for listening. Aki-Ville Pöykiö Design Director Exove Design akiville@exovedesign.com 040 5917871

×